I have a XHTML page using SelectOneButton which presents a list of buttons as label from A to Z (letters) horizontally and continuously without any break or new line. It is working perfectly on computer screen.
But if the same page on smaller screen such as iPhone, the SelectOneButton changes from horizontal to vertical. I believe it is the design from PrimeFaces.
I came up with two options: if the screen provides enough space for all buttons from A to Z, then the page will use SelectOneButton, otherwise the page will use SelectOneMenu (dropbox).
What approach should I use?
Thanks,
Nghia
Related
So what is the best method to get vertical radio buttons to display in situations with limited screen space. I started with the standard xp:radioGroup, but I can't control the format to be vertical.
I have tried the multicolumnradiobutton on OpenNTF, but I was having problems getting an eventHandler to fire to force a partial refresh (tried using onclick). Would love to see a sample of that since that would solve the issue of formatting.
What I am seeing at this point is if you use a radiobutton group you are stuck with a horizontal layout of buttons. I haven't looked Dojo Radio Button to see if it was the answer.
Basically best option for vertical list of radio buttons that will allow partialRefresh of document.
You get vertical radio buttons with xp:radioGroup when you set layout="pageDirection":
<xp:radioGroup
id="radioGroup1"
value="..."
layout="pageDirection">
...
</xp:radioGroup>
You can use a radio button (not a group) and tie them together with the name. Then you can format them any way you want. This is useful when using Bootstrap since the radio button group puts everything in a table.
Currently in our web application, Trinidad JSF tr:table tag is used to display information in the table format. Upon using the attribute rowSelection=single, radio button displayed automatically for each row in a table and name/text next to this control is not visible to the user.
When user navigates with tab key to select the radio button control or user clicks on the same with mouse button, focus with dotted line is not displayed on the control.
What are the different approaches to display dotted line (provided by IE browser) around the radio button / check box control created by Irinidad JSF table tag?
End user requires this accessibility feature.
Right now, we are using,
myfaces-api-1.1.4.jar, myfaces-impl-1.1.4.jar,
trinidad-api-1.0.7.jar,trinidad-impl-1.0.7.jar,
Browser IE 8.0
Find your CSS file, look for any lines that have
outline: none;
And remove them.
This will fix most, if not all of your missing focus indicator problems. There might be scenarios where you have a hidden overflow that is causing the outline to not show up on some browsers. You would have to find those and fix them by adding appropriate focus styles.
Is there any way to make a tooptip behave differently deppending on if a mouse is over the element or it is clicked?
I need to have the same element working as a tooltip if the mouse is over and to open a popup panel if the mouse is clicked.
I could do it easily if using separated elements, but i need to use the same.
I have a selectOneMenu and a precise input set beside a button with a small arrow to flip them on the page, leave the input above and below the selectOneMenu. My application is JavaEE, JSF and use Primefaces.Alguém can give me an example? I searched on google but not found.
I want to make a Dialog in my Primefaces Page which I can maximize.
But i have one problem. I have a Menubar on the top of the page and i want the Dialog to Maximize over the whole screen but under the Menubar.
I also have a Dock on the bottom and I want this one to be always in the front.
Are there any possibilities to solve these problems?