We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 17883
    • 1,039 Posts
    Some users of the german forum had an ideo of multiple TVs and chunks. I threw together a prototype to show our ideas, a frontend management and editing system.

    http://www.siebennull.com/xedit/

    http://www.siebennull.com/xedit/demo.html (without the presentation stuff)

    I think it is self explanatory and it is late early here in germany, so just take a look and tell me what you think. I will explain in detail later.

    Ah, it perhaps throws a blank page, just scroll up, I didnt find the bug yet. Only tested in Firefox 3, dont even try it IE6 (I also didnt) ;-)

    Marc
      • 16183
      • 1,390 Posts
      Marc,

      This looks very interesting. I’m still trying to get my head round the whole concept though (it is very early here in he morning wink ). OK, it’s official; am daft, ha! The deleting and adding chunks that is awesome! What about inserting and deleting TVs, is that possible? What if I want to hide a chunk/TV without deleting it, is that possible?

      The sorting bit looks to me like the BBC (bbc.co.uk) website? What about the main content area, will that be sortable too?

      I am following this with interest....Thanks for sharing

      cheers/k
        • 6726
        • 7,075 Posts
        Got the news of this module @twitter (thanks MadeMyDay) and I think it’s a great concept !

        The only concern I have is mootools choice. Unless things have changed with mootools (I switched to jQuery a while back and never looked back), there is the issue of namespaces and for something as important as frontend editing I think we have to take into account the possible js conflicts with scripts lots of websites are running. jQuery has noconflict() to avoid this issue, but maybe mootools has this too now.

        I thought I’d voice this particular concern, otherwise I love the idea and the creativity, plus the demo is really nice I am sure clients will love this kind of frontend editing smiley


          .: COO - Commerce Guys - Community Driven Innovation :.


          MODx est l'outil id
          • 4310
          • 2,310 Posts
          This looks really interesting, please keep going with it smiley
            • 17846
            • 17 Posts
            My users are always amazed when I teach them things so they can do it themselves. Yet alot of them have a hard time understanding the structure of documents, chunks, snippets, plugins,... Still too often they go: could you move this part up a bit? on second thought I’d rather ... could you undo it, the first one was better after all... Oops, I made a spelling mistake... Oh yeah, we rewrote the text, I’ll send you the new version...

            So anything that ’starts’ from the output makes it visible and clear to them. It takes away some of the frustration they might have. And they become amazed again that this is now also possible on the magic web.

            I still think Modx is for developers more than end-users, but I like this concept as an add-on since it could help ’closing the gap’ and make users feel more in control and therefore more enthousiastic about participating in the process of building a website.

            Will follow this project!
              • 6726
              • 7,075 Posts
              @MackenzieB : Just a quick parenthesis, I think modx empowers us designers and developpers to give control to end users, you can already, with creative use of TVs, allow end users to control things like layout (hide show some divs based on a checkbox TV for example).

              Xedit will be a step further in that direction grin

                .: COO - Commerce Guys - Community Driven Innovation :.


                MODx est l'outil id
                • 17883
                • 1,039 Posts
                Hi, thanks for your feedback. Sorry, it was very early this morning and I wasnt able to create a more detailed description. But first your questions:

                What about inserting and deleting TVs, is that possible?

                That is what this is for ;-) But instead of inserting single TVs you can insert whole chunks that have inner TVs (did you click on the logo?)

                What if I want to hide a chunk/TV without deleting it, is that possible?

                The chunk itself isnt deleted, only in this particular document. Let`s say we have a document where we put our MultiTV-Container (will be done by a snippet), it will look like this.

                In your template something like this:

                [[multiTV? &possibleChunks=`image,text_heading,myotherchunk,whateverchunk`]]


                This will create an empty container on first call:

                <div id="multiTV">
                </div>

                This is the area where you can drag and drop your chunks in. For example, if the text_heading chunk looks like this:

                <div class="chunk">
                <h2>[*headingtv*]</h2>
                <p>[*textv*]<p>
                </div>


                it will look like this after dropped in the container:

                <div class="chunk">
                <h2>Heading</h2>
                <p>this is the stand text which can be defined in the TV`s settings<p>
                </div>


                But this isnt all, the main concept is to have the possibility to insert the same chunk (and with that the same TVs) more than once and make them sortable and editable. So your document could look like this:

                <div class="chunk">
                <h2>Heading 1</h2>
                <p>this is the stand text which can be defined in the TV`s settings<p>
                </div>
                <div class="chunk">
                <h2>Heading 2</h2>
                <p>this is the stand text which can be defined in the TV`s settings<p>
                </div>
                <div class="imagechunk">
                <img src="test.gif" />
                <div class="caption">This is the caption</div>
                <div class="chunk">
                <h2>Heading 3</h2>
                <p>this is the stand text which can be defined in the TV`s settings<p>
                </div>


                You also can place more than one MultiTV-Container so you can even drag and drop items between the different containers.

                We are just elaborating how to handle these TVs and how to store them.

                The only concern I have is mootools choice. Unless things have changed with mootools (I switched to jQuery a while back and never looked back), there is the issue of namespaces and for something as important as frontend editing I think we have to take into account the possible js conflicts with scripts lots of websites are running. jQuery has noconflict() to avoid this issue, but maybe mootools has this too now.

                Mootools has also something like that (at least I think so). I only use mootools and got used to it. So a JQuery thing would throw me back to start ;-) I think we will try to put this thing together with mootools. A changing of the framework should always be possible (if someone throws in who knows JQuery much better, why not?!)

                I will put together a new demo without presentation mode so the thing becomes clearer.

                edit: Okay, here the demo without presentation mode:

                http://www.siebennull.com/xedit/demo.html
                  • 17846
                  • 17 Posts
                  @davidm : I totally agree!
                    • 7231
                    • 4,205 Posts
                    This is very great. I am loving this. Great work grin grin

                    Is it my impression or can you make certain ’blocks’ editable while others are dragable but not editable?

                    Anyway, you got my attention. I will be following this closely  wink

                    Just one question; the name MultiTV implies that there are multiple TVs but it seems to be more like MultiChunks. Am I missing the MultiTV concept? Is it multiple views of the same TV? So if I have a TV with the value ’hello’ I can use it to return the same value x number of time or am I able to use it multiple times with different values?

                    Anyway, keep up the great work. I am already thinking of the great things I can use this for  wink
                      [font=Verdana]Shane Sponagle | [wiki] Snippet Call Anatomy | MODx Developer Blog | [nettuts] Working With a Content Management Framework: MODx

                      Something is happening here, but you don&#39;t know what it is.
                      Do you, Mr. Jones? - [bob dylan]
                      • 16183
                      • 1,390 Posts
                      Marc,

                      Thx for the clarification wink. yes, I did click on the top logo and played around with it quite a lot smiley.

                      Any time scales when we can start playing with this in MODx?

                      cheers/k