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

« Return to Thread: Table checkboxes offset when in webuijsf:property