Create a tabbed vertical menu, MIGX the right choice?

1,024 Posts

Frank Reply #1, 11 years, 4 months ago

Hi I am trying to create a menu like this one http://taalalternatief.nl/traject.html.
I am not sure how to create the tab (ul/li) items. After that the tab content is no problem.

How do I create a tv for the tabs, a second MIGX tv? Anyone an idea, or should I just use Wayfinder or getresources?

5,888 Posts

Bruno17 Reply #2, 11 years, 4 months ago

If this are Resources, then Wayfinder or getResources.

If you want to store the contents of all this tabs in one TV, then you can use a MIGX-TV.
Should be possible to create the output with getImageList.

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

1,024 Posts

Frank Reply #3, 11 years, 4 months ago

Quote from: Bruno17 at Dec 23, 2012, 07:29 PM

If this are Resources, then Wayfinder or getResources.

If you want to store the contents of all this tabs in one TV, then you can use a MIGX-TV.
Should be possible to create the output with getImageList.

Not sure how to handle this becasue on top of it all (in the code) there s the un-ordered li items closed with a /ul, and then comes the list of articles. Not sure how to accomplish that. Anyone an idea. here s the source:

     <div id="v-nav">
                <ul>
                    <li tab="tab01">Artikel een</li>
                    <li tab="tab02">Artikel twee</li>
                 etcetc....
                </ul>


                <div class="tab-content">
                    <h4>Name of artcile</h4>
                    <p>rich text content</p>
                </div>
                <div class="tab-content">
                    <h4>Name of artcile</h4>
                    <p>rich text content</p>
                </div>
                <div class="tab-content">
                    <h4>Name of artcile</h4>
                    <p>rich text content</p>
                </div>	
				etcetc..

Migx tv for content would be something like this

[{"caption": "Artikel","fields": [
  {"field":"set","caption":"Set"},
  {"field":"Titel","caption":"Titel","inputTV":"titel"},
  {"field":"Link","caption":"Link","inputTV":"artikelLink"},
  {"field":"Tekst","caption":"Tekst","inputTV":"tekst"}
]
}]
[{
  "header": "Set", "sortable": "true", "dataIndex": "set"
},{
  "header":"Titel","sortable":"true","dataIndex":"Titel"
},{
  "header": "Link", "sortable": "false", "dataIndex": "Linknaam"
},{
  "header": "Tekst", "sortable": "false", "dataIndex": "Tekst"
}]

But how to attach the ul li items to titel TV?

☆ A M B ☆
24,524 Posts

sottwell Reply #4, 11 years, 4 months ago

For this, I use a simple Wayfinder call to generate the top part, and either getResources or another Wayfinder call with different tpls for the second part.

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

5,888 Posts

Bruno17 Reply #5, 11 years, 4 months ago

while this would be possible with two different getImageList-calls, I think too, it would be a better choice to store the articles in resources and use Wayfinder/getResources to generate the output.

-------------------------------

you can buy me a beer, if you like MIGX

http://webcmsolutions.de/migx.html

Thanks!

1,024 Posts

Frank Reply #6, 11 years, 4 months ago

thanks for the advise. Used getresources twice to generate the tabbed menu. Enduser is happy with it, so me too.
http://www.taalalternatief.nl/artikelen