We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 4429
    • 429 Posts
    Here is a link to design i produced for a made up (fake) company to help practice more my HTML and CSS skills.

    http://eastcoastlacrosse.co.uk/Rob/index.html

    Note the menu and the four distinct content areas - main area, then the three columns.

    How would i go about reproducing this in Modx? In the main content area I can use the [*content*] tag, but what about the three columns? and how would the menu system work in modx?
      • 16183
      • 1,390 Posts
      Nice design!  grin

      OK, for your menu, use Wayfinder: Read about it here:

      http://www.muddydogpaws.com/development/wayfinder/features.html OR here http://wiki.modxcms.com/index.php/Wayfinder AND here: http://wiki.modxcms.com/index.php/Wayfinder200 AND support sub-forum here: http://modxcms.com/forums/index.php/board,182.0.html

      For your other columns, if you want to be editing the content there like you normally do with the main content area, then you will need to create TVs with rich text/text areas. Read this excellent tutorial by Susan, here:

      http://modxcms.com/forums/index.php/topic,901.msg5681.html#msg5681

      Note: In Susan’s tut, she uses chunks. You don’t have to use chunks if you prefer not to. Just creating those extra TVs and calling them in your template will make you have the three editable regions you want whenever you use templates that you have assigned your TVs to. It all depends on your preferences.

      Another tut: http://modxcms.com/forums/index.php/topic,3183.msg22675.html#msg22675

      Please note that there are other ways of achieving what you want, i.e. populating the 3 columns. You can use Ditto, or other snippets to populate those areas of your templates (say divs) with content. It’s really up to your needs and the methods you fancy....with modx, there’s normally more than one way to do things...

      cheers/k

      * Edit: added extra link

        • 4429
        • 429 Posts
        Thanks - I think i need to get my head around how TV work.

        How about the menu thought- I know how to use wayfinder for a basic horizontal list, but my HMTL and CSS menu used imaged the move 75px depending on the action e.g hover etc.. In addition the header image changes depending on the class used in the body tag e.g <body class="contact"l>. Using modx, won’t all body tags be the same?
          • 16183
          • 1,390 Posts
          Have a look at the Wayfinder links I indicated in my first reply. You’ll notice that Wayfinder will allow you to style your menus the way you want. Wayfinder itself will not style your menus. It will output an unordered list. The styling you’ll do in your CSS and the structure in your html. The menu actions you describe I suppose are CSS-sprites? That is in your CSS and will not be affected.

          No, body tags don’t have to be the same using modx. I’m always telling myself jokingly that modx can almost do anything you want it to do, with a few exceptions like serving you coffee wink But the dynamism of modx, combining multiple ways of doing things intelligently is at times as refreshing as that coffee! Anyway, you can use TVs to change the header images in your documents dynamically depending on which page you are in..This has been discussed and documented in this forum and maybe in the wiki too? I’ll see if I can find the links for you. However, I’d suggest that:

          ....have a read thru the modx documentation first, dealing with one aspect at a time. Say, have a look at Wayfinder first. Look at the examples, read the forum queries and solutions. Also, installing modx on your local machine (choosing the install with sample content option) to play with is a good idea. Then, move on progressively to something else, say chunks, TVs, etc. Here’s a few tutorials that helped me when I was starting out:

          http://bobsguides.com/MODx.html
          http://www.sottwell.com/index.html

          /k

            • 16183
            • 1,390 Posts
            BTW, the world can browse the files and folders in your server (by entering the domain name)....was that intentional? if not then you need to deny access to your root. I accidentally got there when trying to go back to a previous page..and since there is no index file there, one is able to see your files and folders

            /k
              • 4429
              • 429 Posts
              Quote from: kongondo at Sep 09, 2008, 08:02 AM

              BTW, the world can browse the files and folders in your server (by entering the domain name)....was that intentional? if not then you need to deny access to your root. I accidentally got there when trying to go back to a previous page..and since there is no index file there, one is able to see your files and folders

              /k

              Thanks for pointing that out - there was supposed to be a 301 redirect in place.
                • 4429
                • 429 Posts
                Ok i’ve read through the links and the wiki on TV but i’m not sure i i’ve got it yet.

                If like Susan’s tut http://modxcms.com/forums/index.php/topic,901.msg5681.html#msg5681 I want a TV that will allow me to select between column A, B or C, how do i go about that. In her tutorial she used chunks, I think they were a calendar and some other stuff. But what I want to do is to be able to be able create or edit some copy using TinyMCE and have is appear in either column A,B or C. I can’t do that with chunk can I aren’t they just for HTML code and don’t use Tiny MCE?

                In your main template how you call a TV is it just [*tvname*] ?

                I’ve probably just got some things jumbled up, and that’s what stopping me understand it.
                  • 16183
                  • 1,390 Posts
                  Quote from: c-m at Sep 09, 2008, 10:50 AM

                  SNIP.....I want a TV that will allow me to select between column A, B or C, how do i go about that.
                  If you want to select between EITHER A, B or C, then you could also use chunks independent of TVs. You can create a chunk, edit it the way you want, name it it say {{chunkinclude}}. Now, anywhere within your document that you want that chunk to appear, just place that {{chunkinclude}}. If you want the chunk to appear in A, then put it where you want it in A. You can create as many different chunks as you want. Just give them different names, of course.

                  If on the other hand you want all three sections, A, B, C to have an editable text areas, you will need to create 3 different TVs, one at a time. Choose their input type as RichText and make sure you assign them to any number of templates you want (that are available in your site, of course). Now whenever you create or edit documents that use those templates you assigned the TVs A, B and C to, below the main content area, you will see Rich  Text editable areas, with the names and descriptions you gave to your TVs, say A, B and C.

                  Alternatively, you can use Susan’s method and choose the chunks you want to appear in your pages using a TV. She uses a multi-list select list box

                  In her tutorial she used chunks, I think they were a calendar and some other stuff. But what I want to do is to be able to be able create or edit some copy using TinyMCE and have is appear in either column A,B or C. I can’t do that with chunk can I aren’t they just for HTML code and don’t use Tiny MCE?

                  No, chunks are not only for html code (I know it says "chunk code(html)" in the create new chunk page but that is a bit misleading). You can have even plain text. The only thing you CANNOT have in a chunk is php code. When creating a new chunk, scroll to the bottom of the text area, there is a drop down to choose the editor you want to use. You can choose TinyMCE there.

                  In your main template how you call a TV is it just [*tvname*] ?

                  That’s correct. Remember the name is case sensitive.


                  I’ve probably just got some things jumbled up, and that’s what stopping me understand it.

                  You’ll get there, no to worry. Most of us have been there...  wink
                    • 3749
                    • 24,544 Posts
                    It sounds like you’re doing fine and don’t really need it, but there’s a section at the site in my sig about porting your existing site to MODx.
                      Did I help you? Buy me a beer
                      Get my Book: MODX:The Official Guide
                      MODX info for everyone: http://bobsguides.com/modx.html
                      My MODX Extras
                      Bob's Guides is now hosted at A2 MODX Hosting