Table checkboxes offset when in webuijsf:property
|
View:
New views
8 Messages
—
Rating Filter:
Alert me
|
 |
Table checkboxes offset when in webuijsf:property
by Arnaud Brand
::
Rate this Message:
Hi,
the table's selectboxes render too high when the table is in a property : <w:property id="propTble"> <f:facet name="content"> <webuijsf:table id="tableTraits".....> <webuijsf:tableRowGroup....> <w:tableColumn .....> <w:checkbox id="select" ....> <== I attached two screenshots (one for firefox which renders the checkboxes far too high, and another one for IE7 which renders the checkboxes slightly too high). I attached the JSP too. Does someone have a clue or should I file a bug ? Thanks and best regards, Arnaud <jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf" xmlns:w="http://www.sun.com/webui/webuijsf" xmlns:risb="http://java.sun.com/jsf/ri/sandbox" xmlns:a4j="http://richfaces.org/a4j" xmlns:rich="http://richfaces.org/rich"> <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/> <f:view> <webuijsf:page id="page1"> <f:loadBundle basename="fr.esca.ordonnanceur.MessageRessources" var="msgs"/> <webuijsf:html id="html"> <webuijsf:head id="head" title="#{msgs.tree_navTreeTitle}"> <w:themeLinks /> <webuijsf:link rel="shortcut icon" type="image/x-icon" url="/images/favicon.ico"/> <webuijsf:link id="link1" url="/resources/stylesheet.css" /> <webuijsf:script> <![CDATA[ function initAllRows() { // Disable table actions by default. var table = document.getElementById("form:panel1:acc2:tab3:propTble:tableTraits"); table.initAllRows(); } function disableActions() { // Disable table actions by default. var table = document.getElementById("form:panel1:acc2:tab3:propTble:tableTraits"); var selections = table.getAllSelectedRowsCount(); // Hidden & visible selections. var disable = (selections > 0) ? false : true; // Set disabled state for top actions. document.getElementById("form:panel1:acc2:tab3:propTble:tableTraits:action1").setProps({disabled: disable}); //document.getElementById("form:panel1:acc2:tab3:propTble:tableTraits:action2").setProps({disabled: disable}); } ]]> </webuijsf:script> </webuijsf:head> <webuijsf:body id="body"> <webuijsf:form id="formChoose"> <webuijsf:contentPageTitle id="contentPageTitle" title="#{msgs.branches_page_title}"> <f:facet name="pageButtonsTop" > <webuijsf:panelGroup id="pageButtonsGroupTop"> <webuijsf:dropDown items="#{modBrancheOL.modBrancheChoose}" selected="#{branchesBackingBean.modèleBrancheChoisie}" submitForm="true" immediate="true" valueChangeListenerExpression="#{branchesBackingBean.choisiModèleBrancheEvt}" actionExpression="refresh" /> <w:button text="#{msgs.new_msg}" actionListenerExpression="#{branchesBackingBean.newModèleBrancheEvt}" actionExpression="refresh" /> </webuijsf:panelGroup> </f:facet> </webuijsf:contentPageTitle> </webuijsf:form> <webuijsf:form id="form"> <webuijsf:messageGroup showSummary="true" /> <webuijsf:markup styleClass="#{themeStyles.CONTENT_MARGIN}" tag="div"> <webuijsf:panelLayout id="panel1" rendered="#{branchesBackingBean.AChoisiModèleBranche}"> <f:verbatim><hr/></f:verbatim> <table width="100%"> <tr> <td> <w:propertySheet id="acc2"> <w:propertySheetSection id="tab0" label="#{msgs.branches_accor_title_0}"> <w:property label="#{msgs.branches_labels_libelle}" labelAlign="right" noWrap="true" overlapLabel="false" helpText="#{msgs.branches_libbrc1}"> <f:facet name="content"> <w:textField id="lelib" text="#{branchesBackingBean.modèleBrancheCourante.libelle}" columns="50" required="true"/> </f:facet> </w:property> <w:property label="#{msgs.branches_labels_sautersi}" labelAlign="right" noWrap="true" overlapLabel="false" helpText="#{msgs.branches_sautersi1}"> <f:facet name="content"> <webuijsf:dropDown id="sautersi" items="#{conditionOL.conditionsNone}" selected="#{branchesBackingBean.modèleBrancheCourante.sauterSi}" /> </f:facet> </w:property> </w:propertySheetSection> <w:propertySheetSection id="tab3" label="#{msgs.branches_accor_title_3}"> <w:property> <w:panelGroup block="true" styleClass="explications"> <w:staticText text="#{msgs.branches_tbltraits_explic}" /> </w:panelGroup> </w:property> <w:property id="propTble"> <f:facet name="content"> <webuijsf:table id="tableTraits" title="#{msgs.branches_traittable_title}" paginateButton="false" paginationControls="true" deselectMultipleButton="true" selectMultipleButton="true" deselectMultipleButtonOnClick="setTimeout('disableActions()', 0)" selectMultipleButtonOnClick="setTimeout('disableActions()', 0)" clearSortButton="true" sortPanelToggleButton="true"> <webuijsf:tableRowGroup id="rowGroup1" sourceData="#{branchesBackingBean.sequenceGP.provider}" sourceVar="traits" rows="#{branchesBackingBean.sequenceGP.preferences.rows}" selected="#{branchesBackingBean.sequenceGP.select.selectedState}" binding="#{branchesBackingBean.sequenceGP.tableRowGroup}"> <w:tableColumn id="col0" sort="#{branchesBackingBean.sequenceGP.select.selectedState}" selectId="select" align="center" valign="middle"> <w:checkbox id="select" onClick="setTimeout('initAllRows(); disableActions()', 0)" selected="#{branchesBackingBean.sequenceGP.select.selected}" selectedValue="#{branchesBackingBean.sequenceGP.select.selectedValue}"/> </w:tableColumn> <webuijsf:tableColumn headerText="#{msgs.branches_tbltrait_ordre}" sort="#{traits.value.ordre}" align="center" valign="middle"> <webuijsf:staticText text="#{traits.value.ordre}"/> </webuijsf:tableColumn> <webuijsf:tableColumn headerText="#{msgs.branches_tbltrait_traitement}" sort="#{traits.value.modeleTraitement.libelle}" align="center" valign="middle"> <webuijsf:staticText text="#{traits.value.modeleTraitement.libelle}" /> </webuijsf:tableColumn> <webuijsf:tableColumn headerText="#{msgs.branches_tbltrait_status}" align="center" valign="middle" sort="#{branchesBackingBean.sequenceGP.instanceExtender.validEligibleAgents}"> <h:graphicImage url="#{branchesBackingBean.sequenceGP.instanceExtender.agentAlarmIcon}"/> <webuijsf:staticText text="#{branchesBackingBean.sequenceGP.instanceExtender.agentAlarmText}"/> </webuijsf:tableColumn> <webuijsf:tableColumn headerText="#{msgs.branches_tbltrait_details}" align="center" valign="middle"> <webuijsf:button text="#{msgs.branches_tbltrait_detailbt}" disabled="true"/> </webuijsf:tableColumn> <webuijsf:tableColumn headerText="#{msgs.branches_tbltrait_edit}" align="center" valign="middle"> <webuijsf:button text="#{msgs.branches_tbltrait_editbt}" disabled="true"/> </webuijsf:tableColumn> </webuijsf:tableRowGroup> <f:facet name="actionsTop"> <w:button id="action1" actionExpression="#{branchesBackingBean.sequenceGP.actions.delete}" disabled="#{branchesBackingBean.sequenceGP.actions.disabled}" text="#{msgs.branches_tableTraits_ActionDelete}"/> </f:facet> </webuijsf:table> </f:facet> </w:property> </w:propertySheetSection> <w:propertySheetSection id="tab4" label="#{msgs.branches_addnew_traitement}"> <w:property> <w:panelGroup block="true" styleClass="explications"> <w:staticText text="#{msgs.branches_addtrait_explic}" /> </w:panelGroup> </w:property> <w:property id="propTrait" label="#{msgs.branches_add_traitement}" labelAlign="right" noWrap="true" overlapLabel="false" helpText="#{msgs.branches_add_desc_trait}"> <f:facet name="content"> <webuijsf:dropDown items="#{modTraitOL.modTrait}" selected="#{branchesBackingBean.sequenceGP.toAdd.idModeleTraitement}" /> </f:facet> </w:property> <w:property id="propOrdre" label="#{msgs.branches_add_ordre}" labelAlign="right" noWrap="true" overlapLabel="false" helpText="#{msgs.branches_add_desc_ordre}"> <f:facet name="content"> <w:textField text="#{branchesBackingBean.sequenceGP.toAdd.ordre}"/> </f:facet> </w:property> <w:property id="propAddBut"> <f:facet name="content"> <webuijsf:button id="addBut" binding="#{branchesBackingBean.sequenceGP.addButton}" actionExpression="#{branchesBackingBean.sequenceGP.addIt}" text="#{msgs.add_msg}" onClick="return addNew();" /> <w:message for="addBut"/> </f:facet> </w:property> </w:propertySheetSection> </w:propertySheet> </td> </tr> <tr> <td align="right"> <f:verbatim><hr style="height:1px;"/></f:verbatim> <webuijsf:button actionListenerExpression="#{branchesBackingBean.refreshEvt}" text="#{msgs.refresh_msg}"/> <webuijsf:button actionListenerExpression="#{branchesBackingBean.sauverBrancheEvt}" text="#{msgs.save_msg}"/> </td> </tr> </table> </webuijsf:panelLayout> <webuijsf:panelLayout rendered="#{branchesBackingBean.AChoisiModèleBranche!=true}"> <webuijsf:staticText text="Choisissez une séquence"/> </webuijsf:panelLayout> </webuijsf:markup> </webuijsf:form> <h:form id="detailsForm"> <a4j:include id="ajinc" viewId="/include/popupDetailsCondition.jsp" /> </h:form> </webuijsf:body> </webuijsf:html> </webuijsf:page> </f:view> </jsp:root> --------------------------------------------------------------------- To unsubscribe, e-mail: users-unsubscribe@... For additional commands, e-mail: users-help@...  checboxes_offset_ie7.jpg (69K) Download Attachment checboxes_offset_firefox.jpg (172K) Download Attachment |
|
|
Re: Table checkboxes offset when in webuijsf:property
by Dan Labrecque
::
Rate this Message:
This is a known issue with IE 7.
Arnaud Brand wrote: Hi, |
|
|
Re: Table checkboxes offset when in webuijsf:property
by Arnaud Brand
::
Rate this Message:
Hi Dan,
I wasn't talking about table action buttons offset, but about checkboxes offset. On IE7 they're just slightly off, that's no issue (at least for me). But on FF, they're really too high (and even go over the previous row). Any clues ? Thanks, Arnaud Dan Labrecque a écrit : This is a known issue with IE 7. |
|
|
Re: Table checkboxes offset when in webuijsf:property
by Dan Labrecque
::
Rate this Message:
In that case, I have not seen this issue before. It appears property
sheet has defined a CSS selector to adjust the position of all
checkbox/radiobutton(s) in the page, which is not appropriate for a
table. I filed the following report for you.
https://woodstock.dev.java.net/issues/show_bug.cgi?id=1231 That said, you may be able to override the property sheet selector. However, we need to identify exactly which one, first. Dan Arnaud Brand wrote: Hi Dan, |
|
|
Re: Table checkboxes offset when in webuijsf:property
by Arnaud Brand
::
Rate this Message:
While we're on the property sheet problems, I just remembered this afternoon why I removed the LIFECYCLE_ID in web.xml : it broke <w:property>'s content facet. When I added more than one component to this content facet (in my case a <w:dropdown> and a <w:button>) and at least one of these components had an id set, I got an error from (as far as I can remember) UIPartialViewRoot complaining that this id was already used (duplicate component id messages or something like that). As soon as I removed the components ids, things worked well. If I kept the component's ids, I had to remove the facet and set the components as direct childs of the w:property. Removing the lifecycle_id also solved the thing. Being a relative beginner in JSF, I though "the simpler, the better" and remove that from my web.xml. I'll verify this behavior and try and prepare a simple test case that reproduces it on monday. Have a nice week end, Arnaud Dan Labrecque a écrit : In that case, I have not seen this issue before. It appears property sheet has defined a CSS selector to adjust the position of all checkbox/radiobutton(s) in the page, which is not appropriate for a table. I filed the following report for you. |
|
|
Re: Table checkboxes offset when in webuijsf:property
by Dan Labrecque
::
Rate this Message:
|
