Help with dropdown menu in wayfinder

Oh, and also line 171:

I got the menu to straighten out, but now I am working on getting the hover to work. Question will the hover work with the text?

so I am trying to add the span to the hover, seen in this code


thank you

You answered my last post so disregard. Thanks you so much... This is my senior demo for graduation and I was stuck on getting the menu to work well. I present the website Wednesday and I needed it working.

Thank you

hello .. please i need a wayfinder code for this :

<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="services.html">services</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">about</a>
<ul class="dropdown-menu" role="menu">
<li><a href="about.html">About Avon Medical</a></li>
<li><a href="about.html">Fulfilling our mission</a></li>
</ul>
</li>
<li><a href="#">Patient guide</a></li>
<li><a href="#">library</a></li>

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Education & events</a>
<ul class="dropdown-menu" role="menu">
<li><a href="timetable.html">Health days</a></li>
<li><a href="timetable.html">Outreach calendar</a></li>
<li><a href="timetable.html">Antenatal classes</a></li>
</ul>
</li>
<li><a href="contact.html">contact</a></li>
<li class="hidden-xs book"><a href="#" data-toggle="modal" data-target="#appointmefnt_form_pop">book appointment</a></li>
</ul>

This should do it...

innerTplChunk:

parentRowTplChunk:


For the last modal item, I'd either make that a separate item altogether and use CSS to make it blend in, or else use an outerTpl chunk as I did in the example Wayfinder snippet call, and add it there:

This will generate the rest of the menu as usual in the [[+wf.wrapper]] placeholder, then add the last item just before the closing UL tag. Note how I'm still using the outerClass property, with the [[+wf.classes]] placeholder.

thanks a lot ... i will assume the outerTplChunk is the same as the innerTplChunk.


outerTplChunk
<ul class="nav navbar-nav navbar-right">
[[+wf.wrapper]]
</ul>

No, the outerTplChunk is described last because it will also contain your final modal link.

got it & thanks for the quick response .. much appreciated.

Where is this data coming from? What kind of listing snippet are you using to display it?

Basically, what you have is two parts: the outer part, the UL tags:

This may be a chunk tpl, in the case of Wayfinder, which concerns itself with the outer containing element, or simply entered in the template itself, in the case of getResources which only concerns itself with the actual listed items, not their outer containing element.

And the inner LI parts, which have variable attributes and content:

The "variable" bit can come from a TV, or if the data is taken from resources, even the alias of the resource ([[+tv.data-filter]] or [[+alias]]). And the "text" bit can likewise come from any field, such as [[+menutitle]].

find the complete code below sir, :


<section class="row timetable_row">
<div class="container">
<div class="row">
<ul class="list-unstyled timeTableFilters">
<li data-filter="all" class="active">All events</li>
<li data-filter="cancer">Health days</li>
<li data-filter="cardiac">Outreach calendar</li>
<li data-filter="rehabilitation">Antenatal classes</li>
</ul>
<div class="row m0 table-responsive">
<table class="table timeTable">
<thead>
<tr>
<th></th>
<th>sunday</th>
<th>monday</th>
<th>tuesday</th>
<th>wednesday</th>
<th>thursday</th>
<th>friday</th>
<th>saturday</th>
</tr>
</thead>
<tbody>
<tr>
<td>07.00 - 08.00</td>
<td class="general_health cell" rowspan="4">General Health Care<span class="room">Room:18</span><span class="time_b">07.00 - 11.00</span>Prof. Sam Deo</td>
<td></td>
<td class="rehabilitation cell" rowspan="4">antenatal classes<span class="room">Room:18</span><span class="time_b">07.00 - 11.00</span>Dr. Manoj Doe</td>
<td></td>
<td class="rehabilitation cell" rowspan="3">antenatal classes<span class="room">Room:18</span><span class="time_b">07.00 - 10.00</span>Dr. Manoj Doe</td>
<td class="general_health cell" rowspan="3">General Health Care<span class="room">Room:18</span><span class="time_b">07.00 - 10.00</span>Prof. Sam Deo</td>
<td class="nurology cell" rowspan="3">nurology<span class="room">Room:19</span><span class="time_b">07.00 - 10.00</span>Dr. Nene Oke</td>
</tr> <!--Row 1-->
<tr>
<td>08.00 - 09.00</td>
<td></td>
<td class="general_health cell" rowspan="3">General Health Care<span class="room">Room:18</span><span class="time_b">07.00 - 11.00</span>Prof. Sam Deo</td>
</tr> <!--Row 2-->
<tr>
<td>09.00 - 10.00</td>
<td rowspan="2" class="general_health cell" >General Health Care<span class="room">Room:18</span><span class="time_b">09.00 - 11.00</span>Prof. Sam Deo</td>
</tr> <!--Row 3-->
<tr>
<td>10.00 - 11.00</td>
<td></td>
<td rowspan="3" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
</tr> <!--Row 4-->
<tr>
<td>11.00 - 12.00</td>
<td rowspan="2" class="cancer cell">Health Days<span class="room">Beginners</span><span class="time_b">11.00 - 13.00</span>Obinna Doe</td>
<td rowspan="4" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
<td rowspan="2" class="cancer cell">Health Days<span class="room">Beginners</span><span class="time_b">11.00 - 13.00</span>Obinna Doe</td>
<td rowspan="3" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
<td rowspan="2" class="cancer cell">Health Days<span class="room">Beginners</span><span class="time_b">11.00 - 13.00</span>Obinna Doe</td>
<td rowspan="3" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
</tr> <!--Row 5-->
<tr>
<td>12.00 - 13.00</td>
</tr> <!--Row 6-->
<tr>
<td>13.00 - 14.00</td>
<td rowspan="2" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
<td rowspan="2" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
<td rowspan="3" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
<td rowspan="3" class="nurology cell">nurology<span class="room">Room:19</span><span class="time_b">07.00 - 10.00</span>Dr. Nene Oke</td>
</tr> <!--Row 7-->
<tr>
<td>14.00 - 15.00</td>
</tr> <!--Row 8-->
<tr>
<td>15.00 - 16.00</td>
<td rowspan="2" class="nurology cell">nurology<span class="room">Room:19</span><span class="time_b">07.00 - 10.00</span>Dr. Nene Oke</td>
<td></td>
<td rowspan="2" class="nurology cell">nurology<span class="room">Room:19</span><span class="time_b">07.00 - 10.00</span>Dr. Nene Oke</td>
</tr> <!--Row 9-->
<tr>
<td>16.00 - 17.00</td>
<td></td>
<td rowspan="3" class="cancer cell">Health Days<span class="room">Beginners</span><span class="time_b">11.00 - 13.00</span>Obinna Doe</td>
<td></td>
<td></td>
<td rowspan="3" class="dental cell">Dental Care<span class="room">Advanced</span><span class="time_b">16.00 - 18.00</span>Emeka Oke</td>
</tr> <!--Row 10-->
<tr>
<td>17.00 - 18.00</td>
<td rowspan="2" class="dental cell">Dental Care<span class="room">Advanced</span><span class="time_b">16.00 - 18.00</span>Emeka Oke</td>
<td rowspan="4" class="cancer cell">Health Days<span class="room">Beginners</span><span class="time_b">11.00 - 13.00</span>Obinna Doe</td>
<td rowspan="2" class="dental cell">Dental Care<span class="room">Advanced</span><span class="time_b">16.00 - 18.00</span>Emeka Oke</td>
<td rowspan="2" class="dental cell">Dental Care<span class="room">Advanced</span><span class="time_b">16.00 - 18.00</span>Emeka Oke</td>
<td rowspan="4" class="cancer cell">Health Days<span class="room">Beginners</span><span class="time_b">11.00 - 13.00</span>Obinna Doe</td>
</tr> <!--Row 11-->
<tr>
<td>17.00 - 18.00</td>
</tr> <!--Row 12-->
<tr>
<td>18.00 - 19.00</td>
<td></td>
<td rowspan="2" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
<td></td>
<td rowspan="2" class="cardiac cell">Outreach Calendar<span class="room">Room:18</span><span class="time_b">11.00 - 15.00</span>Dr. Nene Oke</td>
</tr> <!--Row 13-->
<tr>
<td>19.00 - 20.00</td>
</tr> <!--Row 14-->
</tbody>
</table>
</div>
</div>
</div>
</section>