Bootstrap 3 Menu (adding date token next login token)
Last Post 04/03/2015 7:39 AM by Joseph Craig. 3 Replies.
Author Messages
Forro
Nuke Newbie
Nuke Newbie
Posts:4


--
04/01/2015 11:56 PM  
Hi to all,

I have been following the bootstrap3 skin tutorial and have successfully created most of a new skin for one of my websites but I am having a problem adding the Currentdate token Next to the login token.

this is the code that I am using:

  
 <div id="navbar" class="collapse navbar-collapse"> 
                 <dnn:MENU ID="MENU1" MenuStyle="BootstrapMenu" runat="server"> 
                 </dnn:MENU> 
                 <ul class="nav navbar-nav navbar-right"> 
                 <li><dnn:CURRENTDATE ID="dnnCURRENTDATE" DateFormat="MMMM d, yyyy" runat="server" /></li> 
                 <li><dnn:LOGIN ID="dnnLogin" class="inline" runat="server" LegacyMode="true" /></li> 
                 </ul> 
             </div> 


the login taken displays as per the tutorial with the right look and feel however when I try to place the current date token next to it, the date Token is not formatted and is simply displayed as small text.

For example the LoginLink has white text on a green background and is properly centred in the menu bar while the date is displayed merely as normal text.

I have set up a page at the following URL: http://www.trevor-forrester.org/New-Skin-Test for anybody would like to take a look and make a suggestion how I might overcome this.

I know I'm missing something obvious but any help would be appreciated.

Kind regards
Trevor
Joseph Craig
DNN MVP
Posts:11667


--
04/02/2015 3:48 PM  
The LOGIN link is is a link, so the styling that gets applied is appropriate for the a tag.

The CURRENTDATE renders as a span, so you need to style the span tag to match the a tag.

Add this to your skin.css file and all will be well:

.navbar-inverse .navbar-nav > li > span
{
display:block;
border-left: 1px solid #fff;
border-right: 0px solid #fff;
color: #fff;
font-family: 'Times New Roman' , Times, serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
padding:15px 10px;
line-height:20px
}

Joe Craig, Patapsco Research Group
Complete DNN Support
Forro
Nuke Newbie
Nuke Newbie
Posts:4


--
04/03/2015 4:33 AM  
Hi Joe,

thank you for taking the time to reply.

It is greatly appreciated.

Regards
Trevor
Joseph Craig
DNN MVP
Posts:11667


--
04/03/2015 7:39 AM  
Keep those questions coming! (That's why I'm here.)

Joe Craig, Patapsco Research Group
Complete DNN Support


---