navigation - Menu with div inside on ModX -


i tried make menu 'div' inside here — http://www.stylight.com/ using wayfinder, didn't find way. should or should use make happen?

i try achieve html output:

<div class="navbar-collapse collapse" id="navigation">    		    <ul class="nav navbar-nav navbar-left">  			<li class="dropdown yamm-fw">  			    <a href="#" class="dropdown-toggle" data-toggle="dropdown">men<b class="caret"></b></a>  			    <ul class="dropdown-menu">    				<li>  				    <div class="yamm-content">  					<div class="row">  					    <div class="col-sm-3">  						<img src="img/men.jpg" class="img-responsive hidden-xs" alt="">  					    </div>  					    <div class="col-sm-3">  						<h3>clothing</h3>  						<ul>  						    <li><a href="category.html">t-shirts</a></li>  						    <li><a href="category.html">shirts</a></li>  						    <li><a href="category.html">pants</a></li>  						    <li><a href="category.html">accessories</a></li>  						</ul>  					    </div>  					    <div class="col-sm-3">  						<h3>clothing</h3>  						<ul>  						    <li><a href="category.html">t-shirts</a></li>  						    <li><a href="category.html">shirts</a></li>  						    <li><a href="category.html">pants</a></li>  						    <li><a href="category.html">accessories</a></li>  						</ul>  					    </div>  					    <div class="col-sm-3">  						<h3>shoes</h3>  						<ul>  						    <li><a href="category.html">trainers</a></li>  						    <li><a href="category.html">sandals</a></li>  						    <li><a href="category.html">hiking shoes</a></li>  						    <li><a href="category.html">casual</a></li>  						</ul>  					    </div>  					</div>  				    </div>  				    <div class="footer clearfix hidden-xs">  					<h4 class="pull-right">men</h4>  					<div class="buttons pull-left">  					    <a href="#" class="btn btn-default"><i class="fa fa-tags"></i> sales</a>  					    <a href="#" class="btn btn-default"><i class="fa fa-star-o"></i> favourites</a>  					    <a href="#" class="btn btn-default"><i class="fa fa-globe"></i> brands</a>  					</div>  				    </div>    				</li>  			    </ul>  			</li>  			  			<li class="dropdown yamm-fw open">  			    <a href="#" class="dropdown-toggle" data-toggle="dropdown">women <b class="caret"></b></a>  			    <ul class="dropdown-menu" style="display: block;">    				<li>  				    <div class="yamm-content">  					<div class="row">  					    <div class="col-sm-3">  						<img src="img/women.jpg" class="img-responsive hidden-xs" alt="">  					    </div>  					    <div class="col-sm-3">  						<h3>clothing</h3>  						<ul>  						    <li><a href="category.html">t-shirts</a></li>  						    <li><a href="category.html">shirts</a></li>  						    <li><a href="category.html">pants</a></li>  						    <li><a href="category.html">accessories</a></li>  						</ul>  					    </div>  					    <div class="col-sm-3">  						<h3>clothing</h3>  						<ul>  						    <li><a href="category.html">t-shirts</a></li>  						    <li><a href="category.html">shirts</a></li>  						    <li><a href="category.html">pants</a></li>  						    <li><a href="category.html">accessories</a></li>  						</ul>  					    </div>  					    <div class="col-sm-3">  						<h3>shoes</h3>  						<ul>  						    <li><a href="category.html">trainers</a></li>  						    <li><a href="category.html">sandals</a></li>  						    <li><a href="category.html">hiking shoes</a></li>  						    <li><a href="category.html">casual</a></li>  						</ul>  					    </div>  					</div>  				    </div>  				    <div class="footer clearfix hidden-xs">  					<h4 class="pull-right">women</h4>  					<div class="buttons pull-left">  					    <a href="#" class="btn btn-default"><i class="fa fa-tags"></i> sales</a>  					    <a href="#" class="btn btn-default"><i class="fa fa-star-o"></i> favourites</a>  					    <a href="#" class="btn btn-default"><i class="fa fa-globe"></i> brands</a>  					</div>  				    </div>    				</li>  			    </ul>  			</li>			  		</div>

it have been helpful if posted code, or @ least html output hoping achieve. here link wayfinder introductory examples.

wayfinder outputs lists , list items. use chunk templates control output, add classes, add additional html tags, etc.


Comments

Post a Comment

Popular posts from this blog

android - Pass an Serializable object in AIDL -

i have defined aidl file interface imyfeature { void dotask(class clazz); } but need pass class object process. possible in android? if so, how? i tried: interface imyfeature { serializable class; void dotask(class clazz); } but doesn’t work. aidl in android supports custom class implement parcelable interface. in case want send class object not possible. can send class canonical name , retrieve in service. for example have aidl file interface imyfeature { void dotask(string classname); } then call : binder.dotask(myclass.class.getcanonicalname()); and in service binder stub implementation : private final imyfeature mbinder = new imyfeature.stub() { public void dotask(string classname) { try { class<?> clazz = class.forname(classname); constructor<?> ctor = clazz.getconstructor((class[]) null); object object = ctor.newinstance(); ...
Read more

How to provide Authorization & Authentication using Asp.net, C#? -

Image
i have asp.net application in c#. i have provide page authorization specific user/usergroup. i have created 2 tables in database: 1) pagename 2)permissions[insert, update, view, delete] but i'm unable match tables , permissions assigning... can 1 please me, how created tables in database , how coding. please me. you can below explanation. configure access specific file , folder, set forms-based authentication. request page in application redirected logon.aspx automatically. in web.config file, type or paste following code. this code grants users access default1.aspx page , subdir1 folder . <configuration> <system.web> <authentication mode="forms" > <forms loginurl="login.aspx" name=".aspnetauth" protection="none" path="/" timeout="20" > </forms> </authentication> <!-- section denies access files in...
Read more

How to use Authorization & Authentication in Asp.net, C#? -

i using roll management , trying give page , folder access according user or user group, using server created ad group user authentication. i have default1.aspx page default , subdir1 folder give different access separate user group i using below logic in web.config. <location path="subdir1"> <system.web> <authorization> <allow users ="?" /> </authorization> </system.web> </location> i facing problem provide same access 2 or more directory same user should have provide allow user code twice both folder? i can use logic repeating value folder want access providing in 1 logic. i have got answer configure folder/page access, have make different access shown below.. configure access specific file , folder, set forms-based authentication. request page in application redirected logon.aspx automatically. in web.config file, done following code. this code grants user...
Read more