Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Lee 1123 posts 3059 karma points
    Oct 07, 2014 @ 12:25
    Lee
    0

    Multiple Columns?

    I was doing a bit of digging and stumbled upon this.

    http://demo.e1stuff.com/sir-trevor/

    Personally I think it's an amazing addition. Makes Sir Trevor much more adaptable. He has a pull request showing the changes he made.

    https://github.com/madebymany/sir-trevor-js/pull/177

    I want to use this editor, but the lack of simple columns is a problem. Just something as simple as a two column (Image/Text) with option which side to float the image, would be great.

    But based on the link above. If that multi-column option could be implemented then I think this would surge the popularity of this package.

  • Marc Stöcker 104 posts 550 karma points c-trib
    Oct 08, 2014 @ 12:02
    Marc Stöcker
    0

    Hey Lee,

    thanks for the feedback! In my experience it's a bad idea to require content editors and storytellers to layout things -- at least with our mostly (content heavy) projects. I see your point, though. Expecially if the use case is different.

    That said I also have the feeling that maybe there is a common misconception about Sir Trevor. It's not meant to be a "hammer" for content layout. It's more semantic, structured. Sir Trevor aims to "know" about content, not just how to lay out content fragments. That also makes it very different i.e. from the grid in 7.2. It concentrates on the storyline an not on the layout. So if text and image should be layouted next to each other because of the content union they build, the best way is to do a block for this type of content that has text and image combined.

    We use a different way for a few weeks now: Letting content creators, editors and copywriters select (via a simple icon on each ST block) how important (regards to content or visually, depends on project/site) a content element is -- and the layout adapts to this. Content elements are weighted against each other.

    Here's a screenshot to illustrate (the "pie", you can click and it switches through 0, 1/4, 1/2, 3/4, 1) screenshot

    Marc.

  • Lee 1123 posts 3059 karma points
    Oct 08, 2014 @ 12:18
    Lee
    0

    Hi Marc,

    I'm not fully understanding from your visual how you would enable a content editor to have say a piece of content to the left and an image to the right. Like an article type layout? And then swap the image to the other side if wanted.

    If you are saying that the pie indicates that the block will span 1/4 or 1/2 of the block. And the next block will span 1/4 or 1/2 of a block. Then personally I think that is way too confusing for an editor to work out. It's really not an ideal solution.

    It's a very, very common thing in website content nowadays. Something majority of people use ArcheType for, to enable clients to create blocks of content that have multiple elements (Text + Image)

    I realise that the Grid Editor solves this, but was thinking for sites for pre- 7.2.0. I like the idea of this editor, and the UI but currently cannot see a way to actually use it that's useful and easy for the Editor to understand.

  • Marc Stöcker 104 posts 550 karma points c-trib
    Oct 08, 2014 @ 12:28
    Marc Stöcker
    0

    Hey Lee,

    well - the editor shouldn't do the layout. So it shouldn't be about "place this on the left". Because, with all this RWD and device types exploding, "right" and "left" doesn't help anymore, IMHO. Tell the story, let the rendering decide how to layout it on each device.

    Example: If you have i.e. 2 images and 3 paragraphs of text, with these weights:
    Text 1: 1
    Image 1: 1
    Text 2: 1/4
    Image 2: 1/2
    Text 3: 1

    The systems generates a layout based on these weights and allowes you to render that via Razor to i.e. Foundation or Boostrap markup with breakpoints/mediaqueries and all. In this example (depending on the setup of the "emly" plugin) this would very much be like:

    12col Text 1
    12col Image 1
    4col Text 2
    8col Image 2
    12col Text 3

    (simple example -- 12 cols = 100% viewport width, this just for desktop, to illustrate; on i.e. mobile a different logic could apply).

    Hope I could bring the concept/idea across.

    Marc.

  • Lee 1123 posts 3059 karma points
    Oct 17, 2014 @ 15:35
    Lee
    0

    Is this just a standard plugin you have created for Sir Trevor, or is this specific for this Umbraco Sir Trevor.

  • Marc Stöcker 104 posts 550 karma points c-trib
    Oct 17, 2014 @ 15:46
    Marc Stöcker
    0

    It's an extension for Sir Trevor, can be loaded sep./bundled, not modifying ST core/source. We also have an ST for Umbraco specific extension that enhances the rendering logic even more, but that isn't neccessary for the basic layout like explained above. Still polishing, though. Hope to have it ready sometime.

Please Sign in or register to post replies

Write your reply to:

Draft