Title bar tab active with Bootstrap in XPages - layout

I'm starting a new xpages project, and I'm going to use the bootstrap. I will use application Layout with responsive bootstrap configuration. I will use the 'Title bar' property. I'm doing tests but I have not found a solution to keep the active tab of the active title bar highlighted with another color. What happens is that when clicking on a certain tab of the title bar, it changes color, for the color defined for active tab, however, when I select any option in the navigation bar, the link to the color set for the tabs not selected. I have already tried using the navigationPath property, which works with OneUi layout, but with no bootstrap. Does anyone know how to solve this problem?

Related

Toggle button on custom ribbon tab is running code, but not updating its interface

I have a Toggle button on custom ribbon tab. When I mouse click on button, its interface is updating correctly (i.e turning little dark when toggled). But I need to set its value dynamically using code. When I update its value by using TB_onAction or TB_getLabel, code is running fine but the interface is not updating (i.e button is not turning into dark color, only label is changing). Is there any solution for this?

How to display several photos in another layout by clicking on one layout?

When I'm in layout 5 and I click on a button, I want to make some images visible in layout 4. I also used the general boolean method but it didn't work, do you have a solution?

How to use conditional styles in a chart on jasper reports?

I want to paint my bars (in a bar chart), according to some conditions, but I can't find a way how to do this...
I don't know since what version it is working like that, but if you have the latest it should work:
Open the report navigation;
Click with the right button on the branch "Styles" and click to add a new one;
On the new style you click again with the right button and create a conditional style;
Right click again on the new conditional style and edit your condition, after that you just have to setup your style as you want.

LWUIT: tabs - how to mark the currently selected tab

I have 4 tabs. Each tab is represented by a button. Those buttons are used to select the currently displayed tab. Each button has an icon and text.
I'd like to highlight the currently selected tab by changing background color and text label color of the corresponding button. I'd like to do it using Theme and Resource Editor.
I created theme and specified unselected, selected and pressed styles for UIID "Tab". My tabs look great in Sun WTK! Fine! But I found that on a real phone the tabs always look like unselected. I tried on Nokia 5800 XPressMusic and C7. Why the difference?
After some experiments I found out the reason - the buttons may be only in 2 states: unselected and pressed. They never be in the selected state. On the emulator when I move to a button using navi keys, it becomes selected.
So, what should I do to mark the current tab?
You can use a few different approaches especially in 1.5.
LWUIT 1.5 has a Tabs component which pretty much does everything for you and is remarkably flexible.
It uses radio buttons on which the method setToggleButton(true) is invoked. Toggle buttons act like radio buttons so when you press a button in the group it stays pressed and is rendered using the ToggleButton style (you can set the UIID to whatever you want). See a sample of using toggle buttons in the font demo portion of LWUIT demo.
An option that will work for older versions of LWUIT is to just set the UIID of the button to a different value when it is pressed (and restore the UIID of the previously selected button to the original value).
I implemented what I needed. Thanks to Shai and his example.
I didn't use theme properties and made all customizations in the code. I did so because I didn't catch how setting unique UIID can help me, since the problem is not in the identifying the UIID for which the props have to be changed, but in identifying the button's style to be changed.
Below some important notes of my solution.
Call addActionListener for the buttons AFTER they have added to the tabs.
When any tab button is pressed, update UNSELECTED styles of the tab buttons. Also you can change their icons.
Call form's repaint() after step 2.

Tab bar is also moving when i scroll the table view

I have written the code programmatically for my tab bar in my table view.The problem whenever i am scrolling the table view,the tab bar is also moving.The tab bar created in one cell,so it is also scrolling.How to keep that in static.Please help me in this.
Thanks in advance
DOn't put the TabBar in the Scrollview. Rather, have the TabBar at the bottom of the main view, and have the ScrollView extend only to the top of the TabBar. That should fix it. If you put the TabBar on the ScrollView, it will scroll around (that's what the ScrollView does).
If you're creating the tab bar as one of the cells, this will always happen. (It's the expected behaviour for the table cell.)
Why on earth are you using this approach, rather than simply putting the tab bar above or below the UITableView?

Resources