We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 5340
    • 1,624 Posts
    Maybe this can help
      • 19369
      • 1,098 Posts
      Thank you, the second demo seems quite good. I'll do few tests with that one.
        • 21417
        • 486 Posts
        I can see that strange behaviour you are talking about in post #49 microcipcip. In Firefox 8.0.1, the resizing is very buggy. The handle is hard to move and once a resize is done, the resize handle remains and the links in the drop down menu cannot be accessed - the hover works but the drop down disappears before you can get to the links.

        Do you think we need individual resizing of the LHS Site Tree column? I would have thought horizontally proportional changing that adjusts the widths of both the LHS and the RHS column at the same time would be best - so that if the LHS width is increased, the RHS width is decreased by the same amount.

        I can't forsee where vertical or diagonal resizing of the LHS Tree would be required, unless in making the LHS smaller so that the RHS column wraps underneath it?? But not sure if that is possible or workable given the iframes.

        I really like the option in the current Evo to "minimise" the LHS tree to give more RHS editing space - and then show it by clicking the arrow again. I think that is a great feature.

        Do you think we could save an icon by combining the 2 separate functions for "expand all" and for "collapse all" into the one toggle function with one icon called "Toggle Site Tree" or "Expand / Collapse Site Tree"?

        When resizing the LHS tree at the moment, the mid grey horizontal bar underneath the drop down menu no longer looks seamless as one bar - two bars are visible: the LHS bar is shorter and a gap equal to the resize reduction appears between the LHS and the RHS bars.

        You are doing a great job microcipcip!
          Web design Adelaide
          http://gocreate.com.au
          • 21417
          • 486 Posts
          What is the thinking by continuing with frames (or iframes). I remember reading the reasoning in one of the posts but can't find it at the moment. Are they still really needed?

          Could divs work instead? The top bar could be fixed (certainly for computer screens). And the divs could stack when the screen is resized.

          Using divs would be more flexible - and perhaps we could also utilize "responsive css" for the manager which might work better across different sized devices. [ed. note: nickf08 last edited this post 14 years, 5 months ago.]
            Web design Adelaide
            http://gocreate.com.au
            • 19369
            • 1,098 Posts
            Quote from: nickf08 at Apr 16, 2012, 06:24 PM
            I can see that strange behaviour you are talking about in post #49 microcipcip. In Firefox 8.0.1, the resizing is very buggy. The handle is hard to move and once a resize is done, the resize handle remains and the links in the drop down menu cannot be accessed - the hover works but the drop down disappears before you can get to the links.
            Yes, that's the problem, but I haven't tried cipa solution yet, that should work.

            Quote from: nickf08 at Apr 16, 2012, 06:24 PM

            Do you think we need individual resizing of the LHS Site Tree column? I would have thought horizontally proportional changing that adjusts the widths of both the LHS and the RHS column at the same time would be best - so that if the LHS width is increased, the RHS width is decreased by the same amount.
            You are right, it is going to work in that way, only horizontal resizing. Now I am just testing so I didn't pay too much attention on the resize plugin configuration options.

            Quote from: nickf08 at Apr 16, 2012, 06:24 PM

            I really like the option in the current Evo to "minimise" the LHS tree to give more RHS editing space - and then show it by clicking the arrow again. I think that is a great feature.
            I agree, I'll add that (it is easy), but first we need to fix this problem, which is more important.

            Quote from: nickf08 at Apr 16, 2012, 06:24 PM

            Do you think we could save an icon by combining the 2 separate functions for "expand all" and for "collapse all" into the one toggle function with one icon called "Toggle Site Tree" or "Expand / Collapse Site Tree"?
            Well that's really easy with jQuery, just an hide/display function.

            Quote from: nickf08 at Apr 16, 2012, 06:24 PM

            When resizing the LHS tree at the moment, the mid grey horizontal bar underneath the drop down menu no longer looks seamless as one bar - two bars are visible: the LHS bar is shorter and a gap equal to the resize reduction appears between the LHS and the RHS bars.
            That's because when we resize the LHS we need to resize RHS as well. This is a secondary problem though, if we cannot resize the iframes without this buggy behaviours, is a problem and I'd have to use frames!

            Quote from: nickf08 at Apr 16, 2012, 06:24 PM

            What is the thinking by continuing with frames (or iframes). I remember reading the reasoning in one of the posts but can't find it at the moment. Are they still really needed?
            1. You can't put a div over a frame, or a dropdown menu like in the example, because a frame is a completely separate window.
            2. Frames are deprecated on HTML5 and in the future (near or far, I don't know) will not be supported.

            Quote from: nickf08 at Apr 16, 2012, 06:24 PM

            Could divs work instead? The top bar could be fixed. And the divs could stack when the screen is resized.
            Then you would have to refresh the whole page and not just the tree menu or the page on the right every time you make a change, making it much slower. Another option would be to use A LOT of ajax and that would make it slow like Revolution (I think), AJAX is a great technology but needs to be used wisely.
              • 21417
              • 486 Posts
              That's awesome microcipcip. I think you are about 33 steps ahead of me!

              I understand re the divs. I wonder which other CMS's do it well and how they do it - frames / iframes / ajax? There must be some streamlined best practice way to do it.

                Web design Adelaide
                http://gocreate.com.au
                • 19369
                • 1,098 Posts
                Quote from: nickf08 at Apr 16, 2012, 07:00 PM
                I understand re the divs. I wonder which other CMS's do it well and how they do it - frames / iframes / ajax? There must be some streamlined best practice way to do it.
                It would be awesome to use divs, it would make my work 10 times easier, but at the same time would make developers work 100 times more difficult tongue. I wouldn't be able in any way to make MODX Evo work completely in AJAX, that's a major change. Ask someone which is working on the development side and see what they think.

                Also, I think SilverStripe use JsTree and AJAX. The layout looks VERY similar to Evolution, try it yourself: http://demo.silverstripe.org/admin/
                  • 21417
                  • 486 Posts
                  Ah I see. I didn't realize using frames makes developers work easier.

                  The silverstripe tree works well. I notice on clicking a link in their top menu, the whole page refreshes. I don't think that is a bad thing - it's standard practice and does not detract from the user experience.

                  I LOVE the drag and drop in their LHS Tree. That is awesome. That makes the menu index / doc manager sorting in Evo look clunky. I am looking forward to that feature in the new Evo.
                    Web design Adelaide
                    http://gocreate.com.au
                    • 19369
                    • 1,098 Posts
                    Quote from: nickf08 at Apr 16, 2012, 07:56 PM
                    The silverstripe tree works well. I notice on clicking a link in their top menu, the whole page refreshes. I don't think that is a bad thing - it's standard practice and does not detract from the user experience.
                    Maybe when the website gets bigger it becomes slow, but I am not really sure, I am a Web Designer after all smiley. You could try to ask about this on "Bringing Evo back to live again" thread.
                      • 33014 ☆ A M B ☆
                      • 1,231 Posts
                      Hello, microcipcip. Your work is very fine!



                      I suggest active indicator on tab (for example, top orange line in this pict)