ADF: panel splitter and command tool bar button - panel

Question

I have create ADF application which has page that using panel splitter and command tool bar button.
1.How to make panel splitter width fixed and and cannot be moved in the ADF pages?
Since currently, i can move the splitter using mouse and adjust the size.
2.How to disable command toolbar button or change the colour after click? Reason I do
like this is to let user know which page that currently view right now.
For example: I have navigation bar(using command Toolbar button)
-HOME
-REGISTRATION
-VIEW PROJECT
If I choose REGISTRATION button,it will display registration page.REGISTRATION button
will disable or change colour until other button has been choose.
Can anyone help?Need this thing urgently.
Thanks in advance.

Answer 1

Q1) set the disabled property of the splitter to true
<af:panelSplitter id="ps1" disabled="true" ... />
Q2) How about putting an information on the page so that the user can read on which page he is. For this you don't have to changes anything if another page has to add to the application.
If you realy like to implement it with the button styles you can set an attribute in pageflow scope to the last clicked button id, then you set the disabled property of each button in the toolbar ro an EL like
disabled="#{pageFlowScope.lastButtonClicked eq 'ctb1'}"
Where ctb1 is the ID of the button. On the button ctb1 you add an
<af:setActionListener from="#{'cbt1'}" to ="#{pageFlowScope.lastbuttonClicked}"/>
Then you may need to add some partial triggers to see the result.
EDIT:
You can use the same techniqure to switch e.g. the background color of the button. For this you use the EL on the inlineStyle attribute of each button like:
inlineStyle="#{pageFlowScope.lastButtonClicked eq 'ctb1'?'background-color:Aqua;' :''}"
Then the last clicked button should come with Aqua background color.
UPDATE:
#{(sessionScope.teamPage eq 'MGRV')?'background-color:rgb(99,206,255); color:red; font-weight:bolder;':'background-color:transparent;'}