Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Right align solpart menu?Right align solpart menu?
Previous
 
Next
New Post
11/29/2007 5:53 PM
 

Hi there

I am trying to create a skin with a menu on the right side. I have specified text align to right, and everything else I could think of but it still displays all menu text left. Is there any way to fix this ?. I looked at my acsx file and it clearly says Align right, so that shouldnt be the problem.

I have a fixed width of the menu container set to 175px.

.menupane

{width: 175px;
background-color: transparent;
padding-left: 6px;
padding-right: 4px;
padding-top: 6px;
text-align: right;
}

.MainMenu_MenuContainer

 

{background-color: #ffffff;
background-position: right top;
background-repeat: repeat;
padding-left: 0px;
padding-right: 2px;
padding-top: 1px;
width: 100%;
height:100%;
border-left: #000000 0px solid
border-bottom: #adbcca 1px solid
border-top: #000000 0px solid
border-right: #000000 0px solid;
text-align: right;
}

/* Don't need menu bar in vertical menu

=====================

.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height:16px;
background-color: Transparent;
}

======================

*/

.MainMenu_MenuItem

{

.MainMenu_MenuIcon

 

{background-color: #ffffff
border-left: #cad5ea 0px solid
border-bottom: #cad5ea 0px solid
border-top: #cad5ea 0px solid
cursor: pointer
cursor: hand;
width: 15px
height: 27px;
}

.MainMenu_SubMenu

{
background-color: #ffffff
z-index: 1000
cursor: pointer
cursor: hand
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}

.MainMenu_MenuBreak

{
height: 1px;
}

.MainMenu_MenuItemSel

{
cursor: pointer
cursor: hand
color: #a6c36d
font-family: Verdana,Tahoma, Arial, Helvetica
font-size: 9pt
font-weight: normal
font-style: normal;
height: 27px;
}

.MainMenu_MenuArrow

 

{border-right: #cad5ea 0px solid
border-bottom: #cad5ea 0px solid
border-top: #cad5ea 0px solid;
font-family: webdings
font-size: 0pt
cursor: pointer
cursor: hand;
}

.MainMenu_RootMenuArrow

 

 

From acsx:

<td class="menupane" id="MenuPane" runat="server" valign="top" style="width:175px" align="right"><dnn:MENU runat="server" id="dnnMENU" seperatecss="True" display="vertical" />
 </td>

I really tried everything I could think of by now any advice would be VERY much apreciated!!

Vapser

{font-family: webdings
font-size: 0pt
cursor: pointer
cursor: hand;
}

 

 
New Post
11/30/2007 12:37 PM
 

Try to float the .MainMenu_MenuContainer to the right.

It should work!


Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

 
New Post
7/28/2009 8:25 PM
 

I've just been working through exactly the same thing and as usual the answer is simple, but hard to find - you need to have menualignment="right" 

<dnn:MENU runat="server" id="dnnMENU" menualignment="right" />

Solpartmenu sets up it's menu in a table like this

<table><tr><td>menu1</td><td>menu2</td><td>menu3</td><td width=100%><img src="/spacer.gif"></td></tr></table>

so a float right won't work - the table is pushed to 100% of the width of the containing cell/div

I also tried containing the menu table in a div in my skin and floating that right, but that only works in some browsers.

 

When you set the menualignment="right" attribute, the menu table draws with the 'filler' cell at the left end

<table><tr><td width=100%><img src="/spacer.gif"></td><td>menu1</td><td>menu2</td><td>menu3</td></tr></table>

forcing the menu nodes to the right.

Enjoy
 

 

 
New Post
3/21/2010 6:33 PM
 
Hi, DNN is a cool portal which I am using since many years for my own. Now I want to try to design my own skins. I am using the newest DNN Version (05.02.03) and see that menus have the tag dnn:ACTIONS instead of dnn:Menu (at least the layout which is generated by a third party tool started whit Art...) Now I want to experiment with this framework and want to have a menu on the right side like the poster starting this thread. Can I use menualignment also on the dnn:Action tag? Whats the different between dnn:menu and dnn:action many thanks in advance and best regards
 
New Post
3/21/2010 6:37 PM
 

Hi,

I want also to have a menu on the right side but I am missing the dnn:Menu tag where I can add the menualigment attribute.

The tool generating the files (tool beginns with artist..) only produces an dnn:action tag.

whats the different and how can which attribute must I use?

Best regards

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Right align solpart menu?Right align solpart menu?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out