XPAGES - left align place bar buttons

1
votes

By default, nodes added to the Place Bar on the Application Layout Control are displayed on the right hand side of the Place Bar. Is it possible to instead display the nodes on the left hand side of the Place Bar?

2
xpageslotus-notesxpages-extlib
But buttons in Place Bar are already displayed on right hand side! 'Place name' appears on left hand side of Place bar. – Naveen
sorry, got right and left mixed up :-( Fixed that now. – user1358852
You also need to update the title :) – Naveen

2 Answers

3
votes

Do not change the default cssfiles on the server. Create a new theme extending your oneuiv2 default theme and styles. Then add a custom.css for your application where you overwrite what you want to change in the default css:

Theme:

<theme extends="oneuiv2.1">
    <resource>
        <content-type>text/css</content-type>
        <href>custom.css</href>
    </resource>
</theme>

custom.css:

.lotusPlaceBar .lotusBtnContainer {
    float: left;
}

This will give you a better overview and lets you customize oneuiv2 for your needs

3
votes

You can modify the CSS classes used by Application Layout control to move the place bar buttons left.

.lotusPlaceBar .lotusBtnContainer {
    float: left;
}

Take help of Google Developer Tools to inspect Application Layout control and find out more of its CSS classes.