"Noobie"... I need a better way for doing this... maybe you have an idea.

701 Posts

bennyb Reply #11, 13 years, 7 months ago

You can use whatever structure you want but getting the resource tree structure correct will allow to use simpler wayfinder calls. Not sure why you need so many resources listed in the includeDocs parameter. As frogabog mentions wayfinder should do all this for you if they the sub nav are sub resources of the parent.

If they are then something like:

call

[[Wayfinder? &startId=`0` &outerClass=`outerTplChunk` &rowTpl=`rowTplChunk` &innerTpl=`innerTplChunk`]]

outerTplChunk

<div id="mainmenu">[[+wf.linktext]]</div>
[[+wf.wrapper]]

innerTplChunk
<div id="submenu">[[+wf.wrapper]]</div>

rowTplChunk

[[+wf.linktext]]

I'm assuming the submenu id will contain multiple items.

☆ A M B ☆
1,780 Posts

Frogabog Reply #12, 13 years, 7 months ago

Adapting an existing site to MODX doesn't have to mean that you use silly markup just cuz it was used before. Your new menu doesn't have to use divs. Simply change the menu css to appropriate ul and li classes/id's and be done with it. Unless some person is insisting you use the same silly markup that is... Then I suppose you're stuck with it.

But I have to say that if someone asked me to adapt an existing site and use exactly what's in the old site regardless of if it's appropriate, I would ask that person why they aren't doing it themselves if they think that's the best way.

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster

68 Posts

theoretiker Reply #13, 13 years, 7 months ago

@bennyb:

The structure is close right...

MENU(leftside)                                                  MENU(rightside)
1       2       3       4      5(ARTICLES)                      9        10                     <div id="mainmenu"> (level1)               
sub-a1                                                          sub-b1                          <div id="submenu">  (level2)
sub-a2                                                          sub-b2
sub-a3                                                          sub-b3

The important is that its one menu, not two seperated (left/right) ... its just layout side...

I think when click on 1...
it should look like

[[Wayfinder? &startId=`0` &rowTpl=`myRowTpl` &hereTpl=`myHereTpl` &hereClass=`[[+wf.alias]] selected` &outerClass=`left` &level=`2` &where=`[{"class_key:!=": "Article"}]` &excludeDocs=`sub-b1,sub-b2,sub-b3`]]

Actually complete layout is destroyed because he pushes the a-subs just after 1 into the head row...

Seems complete redo is neccessary....

Greetings Chris

1,145 Posts

donshakespeare Reply #14, 13 years, 7 months ago

Hello Chris,

If you have a site link to show us, or some picture/image of what you are trying to accomplish. Maybe you can give a link to the site template you are trying to copy?
If I understood you correctly, I would answer you properly and quickly.

So far what I am getting is:

You want one Wayfinder call?
A menu, such that there is an extreme left and extreme right drop-down of sub menus?
And you want both drop-down menus to have different selected/active classes?

Hopefully you'll get this solved today.

Regards

TinymceWrapper: Complete back/frontend content solution.
Harden your MODX site by passwording your three main folders: core, manager, connectors and renaming your assets (thank me later!)
5 ways to sniff / hack your own sites; even with renamed/hidden folders, burst them all up, to see how secure you are not.

68 Posts

theoretiker Reply #15, 13 years, 7 months ago

Ok, i have a working Version... with that 3 seperate wayfinders on
http://removed*ask for url if you are interessted
which is the "9" clicked on uppder scematic. This is the "this way it has to look" ...

actually i try to get the one wayfinder thing work...
http://removed*ask for url if you are interessted

On the first Link you see on the left upper wayfinder1, right upper wayfinder2 and the blue submenu is wayfinder3.
The second link is the attempt to get all into one wayfinder.

i think is just a ccs thing now... but seems to be a bit hard...

with best regards,
chris [ed. note: theoretiker last edited this post 13 years, 7 months ago.]

☆ A M B ☆
1,780 Posts

Frogabog Reply #16, 13 years, 7 months ago

It makes much more sense now. I see what you're doing. I had to read and re-read though. Sorry, it does not look like you're using divs for the menu items, but only wrapping Wayfinder. Correct?

Using wayfinder three times works, but you could do it in two calls. Combine #1 and #3 and wrap it in the containing div. Style ul li ul li for the submenus and use one more Wayfinder call for the right side (#2). That one you'll have to push the submenu to far left with css, and give the right side it's own container class.

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster

discuss.answer

68 Posts

theoretiker Reply #17, 13 years, 7 months ago

Quote from: frogabog at Feb 04, 2013, 02:20 PM

It makes much more sense now. I see what you're doing. I had to read and re-read though. Sorry, it does not look like you're using divs for the menu items, but only wrapping Wayfinder. Correct?

Using wayfinder three times works, but you could do it in two calls. Combine #1 and #3 and wrap it in the containing div. Style ul li ul li for the submenus and use one more Wayfinder call for the right side (#2). That one you'll have to push the submenu to far left with css, and give the right side it's own container class.

Thank you, but i am almost finised with ONE Wayfindercall.

Thank you all for getting me on the right way!

Greetings Chris

☆ A M B ☆
1,780 Posts

Frogabog Reply #18, 13 years, 7 months ago

Ohhh! Ohhh! I wanna see it when you're done. :~}

Frogabog- MODX Websites in Portland Oregon
"Do yourself a favor and get a copy of "MODX - The Official Guide" by Bob Ray. Read it.
Having server issues? These guys have MODX Hosting perfected - SkyToaster

68 Posts

theoretiker Reply #19, 13 years, 7 months ago

mmmh, &parentClass does nothing to parent actually... ?!?!?!?!?!?

This is the call:
[[Wayfinder? &startId=`0` &rowTpl=`myRowTpl` &parentClass=`cool` &hereTpl=`myHereTpl` &hereClass=`[[+wf.alias]] selected` &outerClass=`left` &level=`2` &where=`[{"class_key:!=": "Article"}]` &excludeDocs=`391,392,393,394,395,396,397,398,399`]]

and on source of the Page:

<div id="mainMenu">
<ul class="left">
<li class="prosjekt">
<a title="Prosjekt og timeliste" href="/prosjekt/">Prosjekt og timeliste</a>
<ul>
<li class="oversikt">
<a title="Oversikt" href="/oversikt.html">Oversikt</a>
</li>
<li class="timefoering selected">
<a class="linkweiss" title="Timeføring" href="timefoering.html">Timeføring </a>
</li>

prosject is the container, and the parent of timefoering.

I think it should be <li class="prosject cool"> ?!?!?!?!?!?

Maybe i am too tired...

mmpf!

68 Posts

theoretiker Reply #20, 13 years, 7 months ago

ah, ok, got it...

i had to create a activeParentRowTpl

so just for prove a single page... you wanted to see...

http://removed*ask for url if you are interessted

rest i will do tomorrow...

Great!

I am sooo coool wink

Rock n Roll!!!

hihi... [ed. note: theoretiker last edited this post 13 years, 7 months ago.]

Answered "Noobie"... I need a better way for doing this... maybe you have an idea.