I am trying to use a menu on the page but I am having issues with it's display.
I have attached a picture to explain what I am trying to do. I need the box in blue( it is just on the top right hand bar between profile and logout.
I am not able to figure out why it is being pushed down.
I am using the WebBlue skin.
Attached is my declaration of the menu
PS: I have another menu beneath it for my website navigation so I don't want to change the css file for Menu.
Basically I want to have a menu like dropdown eefect where i specify links to go to a new webpage window. I couldn't get that effect with any other control (dropdownlist/combo). If you can suggest another control I am ok to use that.
Please suggest.
I have attached a picture to explain what I am trying to do. I need the box in blue( it is just on the top right hand bar between profile and logout.
I am not able to figure out why it is being pushed down.
I am using the WebBlue skin.
Attached is my declaration of the menu
<
table
border
=
"0"
cellpadding
=
"0"
cellspacing
=
"0"
width
=
"100%"
>
<
tr
>
<
td
class
=
"welcomeUser"
colspan
=
"3"
>
<
div
>
<
ul
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"_loginView"
runat
=
"server"
>
<
LoggedInTemplate
>
<
asp:LoginName
ID
=
"_loginName"
runat
=
"server"
/>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"LoginView1"
runat
=
"server"
>
<
LoggedInTemplate
>
<
span
class
=
"welcomeuserpipe"
> </
span
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"LoginView2"
runat
=
"server"
>
<
LoggedInTemplate
>
<
asp:HyperLink
runat
=
"server"
ID
=
"linkProfile"
NavigateUrl
=
"~/welcome/personalinfo.aspx"
>
Profile</
asp:HyperLink
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"LoginView6"
runat
=
"server"
>
<
LoggedInTemplate
>
<
span
class
=
"welcomeuserpipe"
> </
span
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"loginViewQuickLinks"
runat
=
"server"
>
<
LoggedInTemplate
>
<
telerik:RadMenu
ID
=
"rmQuickLinks"
runat
=
"server"
BackColor
=
"LightBlue"
ForeColor
=
"Black"
Width
=
"20px"
>
<
Items
>
<
telerik:RadMenuItem
Text
=
"Quick Links"
CssClass
=
"welcomeMenu"
>
<
Items
>
<
telerik:RadMenuItem
NavigateUrl
=
"https://www.nationwide.com/access/web/login.htm"
Target
=
"_blank"
Text
=
"Nationwide Login"
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenuItem
>
</
Items
>
</
telerik:RadMenu
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"LoginView3"
runat
=
"server"
>
<
LoggedInTemplate
>
<
span
class
=
"welcomeuserpipe"
> </
span
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"LoginView5"
runat
=
"server"
>
<
LoggedInTemplate
>
<
asp:HyperLink
runat
=
"server"
ID
=
"linkProfile"
>
Help</
asp:HyperLink
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"LoginView4"
runat
=
"server"
>
<
LoggedInTemplate
>
<
span
class
=
"welcomeuserpipe"
> </
span
>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
<
li
class
=
"welcomeuserli"
>
<
asp:LoginView
ID
=
"_loginViewStatus"
runat
=
"server"
>
<
LoggedInTemplate
>
<
asp:LoginStatus
ID
=
"_loginStatus"
runat
=
"server"
meta:resourcekey
=
"_loginStatusResource1"
/>
</
LoggedInTemplate
>
</
asp:LoginView
>
</
li
>
</
ul
>
</
div
>
</
td
>
</
tr
>
</
table
>
the css for the ul:
.welcomeUser
{
font-size: 9px;
font-weight: bold;
text-align:right;
padding-top: 7px;
padding-left: 2px;
line-height: 0.75;
}
.welcomeUser a
{
color: blue;
font-size: 12px;
}
.welcomeuserli {
display:inline;
list-style-type:none;
padding-right:0.25em;
padding-left:0.25em;
}
.welcomeuserpipe
{
color: #ccc;
font-size: 10px;
border-right: 1px solid #ccc;
}
.welcomeMenu
{
padding: 1px;
float: none;
}
PS: I have another menu beneath it for my website navigation so I don't want to change the css file for Menu.
Basically I want to have a menu like dropdown eefect where i specify links to go to a new webpage window. I couldn't get that effect with any other control (dropdownlist/combo). If you can suggest another control I am ok to use that.
Please suggest.