cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Learn all about PTC Community Badges. Engage with PTC and see how many you can earn! X

Align menu horizontal right in flexcontainer

Christian_S
6-Contributor

Align menu horizontal right in flexcontainer

I have a menubar in my header flexcontainer and set all alignmentsettings to "right". But the result is shown on the left end. 

 

 

Could you provide me some help?

 

This is in editormenusetting.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

And this is the result

 

menuoutput.png

 

1 ACCEPTED SOLUTION

Accepted Solutions

I found a solution while playing around with the browser webdebugger.

You can define a custom css like this:

 

.rightalign div div
{
    float:right;
}

And than add "rightalign" to your menu as custom class. In this case the float:right will be given down to the div around the list/menu items.

menuoutput3.png

 

Hope this helps someone else too :-)

 

Thanks for your support.

View solution in original post

3 REPLIES 3
slangley
23-Emerald II
(To:Christian_S)

Hi @Christian_S.

 

The closest I was able to get was to add another layout over the existing one and then set that to right-justify:

 

menulayout.PNG

Give that a try to see if it will get you closer to what you were looking for.

 

Regards.

 

--Sharon

 

Christian_S
6-Contributor
(To:slangley)

Badly that didn't help :-(

I added a new Layout on the right and set the alignment and added the menu with right aligned items.

The output I got was the same as before.

menuoutput2.png

As you can see my menuitem stays on the left side of the menu which fills the whole layoutcontainer.

I made a test with two buttons instead and than the buttons were aligned right as expected. So I think this could be a problem with the menu widget.

 

I found a solution while playing around with the browser webdebugger.

You can define a custom css like this:

 

.rightalign div div
{
    float:right;
}

And than add "rightalign" to your menu as custom class. In this case the float:right will be given down to the div around the list/menu items.

menuoutput3.png

 

Hope this helps someone else too :-)

 

Thanks for your support.

Top Tags