Foto and Video widgets

Hannes's Avatar

Hannes

28 Feb, 2013 08:46 AM

A pain in the ass for people who need to insert content into a website that don't need to be in modules. Is the fact that photos and videos need to be added through the HTML editor.

It would be great if we could choose 'picture' of 'Youtube' video as a widget on a page, the way you would add an editor.

This has some great front-end advantages:
- you don't need to add embed code (video) or upload through FCK (Photo) - A designer can position and choose size of the uploaded images - Classes and specific embed code can be add to these so images and video do a good job on f.ex. mobile devices.

Things will be more ease to read and look better and end users will be able to enter content better and faster.

  1. Support Staff 1 Posted by tijs on 11 Mar, 2013 06:53 PM

    tijs's Avatar

    Just some practical questions:

    • when you choose Video, should the code detect which service is used? And parse the correct embed-code? The problem is that code of those services sometimes depends on user configuration. For instance, you can embed a YT-video with a certain color-scheme.
    • how would a designer/developer configure which sizes are created for a uploaded image?
    • where would the designer define the output-code for these blocks?
  2. 2 Posted by Simon Coudevill... on 18 Mar, 2013 07:14 PM

    Simon Coudeville's Avatar

    This is certainly a good idea. Adding videos or images with the editor isn't easy and is prone to errors.

    An option for the sizes could be to set them in general settings. A select menu could then be created with the different sizes simular to "which module".

    And maybe the code in the templates could be something like this:

    {iteration:positionMain}
        {option:positionMain.blockIsHTML}
            {$positionMain.blockContent}
        {/option:positionMain.blockIsHTML}
        {option:positionMain.blockIsImage}
            {$positionMain.blockContent}
        {/option:positionMain.blockIsImage}
        {option:!positionMain.blockIsHTML}
            {$positionMain.blockContent}
        {/option:!positionMain.blockIsHTML}
    {/iteration:positionMain}
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • Schermafbeelding_2013-02-28_om_09.41.05.png 24 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac