We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 22563
    • 63 Posts
    Hi!

    I love modx from a designers point of view and for smaller "static" web pages with a "dynamic touch". But if I have to create a web page for people with less or no html knowledge I often end up using other solutions. Maybe I am missing something and that’s why I am asking for your help.

    Let me explain where I am still having problems:
    In the forums and on the modx showcase I often see web pages with a large amount of articles/pages (100+) and I am curious how this is setup if the editor(s) have almost no html knowledge and still a consistent look is kept.

    "Simple" example: The user wants a section on his web page to post pictures and a small description next to them like in a picture blog (no comments and other fancy stuff). Creating this using Ditto isn’t the problem. But creating the picture posts with the wysiwyg editor often results in different (inconsistent) looks especially if there is more then one person posting pics and the person does not know html.
    Wouldn’t it be better if a person wants to post something in the picture section of the page to hide all the not needed stuff and only present an option to choose a picture and a text box for the description? Instead of using the wysiwyg editor? And some kind of template is used to put picture and description in the right "form".

    I don’t know if this is possible or if there are other ways to handle things like this. Any hint is appreciated!

    greeting
    panic
      • 22563
      • 63 Posts
      I guess I’ve posted this in the wrong category. I am sorry!
        • 4749
        • 623 Posts
        Well, it depends on how often they’ll post to their blog or news page, but there’s an easy solution...

        In order to eliminate the need to learn something different you can just use TinyMCE’s ability to add custom CSS selectors. Just design the picture blog the way you want it to look (i.e., picture left, description right) then add those selectors to the TinyMCE settings in Tools > Configuration. When the client adds images you just have to teach them to select the image and add the "image" class to it, then to select the text for the description and add the "description" class to it. You’ll have to think through the layout a little bit, but that’s probably the simplest way to do it without having to build something custom. For example, if you floated everything left it would make sure that you had an equal number of images per row with their accompanying descriptions. You’ll probably have to play with it a little bit and tweak it, but it’s a solution I’ve used before that works fine.

        Also, depending on your comfort level, you could just have it all done in the image description. When they type in the "title" attribute some Javascript can use that as the caption. So, basically, all they’d be doing is just adding a bunch of images to the page. The JS will grab the "title" attribute and create a caption below the image. It’s a little more work for you, but makes it almost bulletproof for the client. Sorry I don’t have a great example, but here’s what I was getting at: http://www.channel-ai.com/blog/plugins/image-caption/

        You can use that same idea and apply it to all the images the client inserts and have a description that automatically pulls from the title attribute. Hope that helps.
          The MODx has you...
          Utah Web Design
          • 5340
          • 1,624 Posts
          Any tool is like a car. Before you start driving you need to learn something about how cars work.

          So you need to read about it or have someone to teach you.

          Modx is easy to use but a custom application is always better from the user point of view. Unfortunately custom applications take longer to build and they are are harder to maintain/update/modify.

          Modx is very flexible but with flexibility aka power comes responsibility. You need to teach your client that he is responsible for his actions.
          Finally you are building an html application so the client needs to learn how html works. At least basic stuff.
          It can only help to know how web works.

            • 20413
            • 2,877 Posts
            ManagerManager together with
            http://modxcms.com/forums/index.php?topic=37321.0 THIS SHOULD WORK NOW!?
            or http://wiki.modxcms.com/index.php/Customizing_the_Manager_Homepage

            And assign all documents to manager user document groups you can build
            up bulletproof editing.

            /I would have a link on manager home e.g. Add new product! Hide the site tree, tabs etc.
              @hawproductions | http://mrhaw.com/

              Infograph: MODX Advanced Install in 7 steps:
              http://forums.modx.com/thread/96954/infograph-modx-advanced-install-in-7-steps

              Recap: Portland, OR (PDX) MODX CMS Meetup, Oct 6, 2015. US Bancorp Tower
              http://mrhaw.com/modx_portland_oregon_pdx_modx_cms_meetup_oct_2015_us_bancorp_tower
              • 22563
              • 63 Posts
              Thanks for your thoughts and comments!

              The ManagerManager plugin seems come close to the idea I had. I’ll check that out.

              The question was "how thinks can be made easier for the end-user?" and the idea was to give the admin/developer a toolbox to create different "edit/create pages" for each section/content.
              If for a section only headers and links are needed

              HEADER
              link

              HEADER2
              link2
              ...

              Only a text box for the header would be visible and another for the link.

              Maybe the ManagerManager plugin comes close...

              thanks