<p:selectOneRadio> behave flaky in IE8 under datatable

jQuery UI Widgets
Post Reply
madhav prasad
Posts: 7
Joined: 22 Apr 2014, 07:07

22 Apr 2014, 12:47

Hi All,
I am using primefaces 4.0 and JSF 2.1.19
i have inline datatable roweditor and one column of datatable contains p:selectOneRadio
the code seems like this
<p:column id="intlnktypeCol" headerText="Link Type">
<p:cellEditor id="lnkTpeEditr">
<f:facet name="output">
<h:outputText id="lnkTypeOp" value="#{hyprLink.external ? 'External' : 'Internal'}" />
</f:facet>
<f:facet id="intlnkExtTextId" name="input">
<p:selectOneRadio id="lnkTypeIpid" value="#{hyprLink.external}" required="true" layout="lineDirection">
<f:selectItem id="ielnkintrnal" itemLabel="Internal" itemValue="false" />
<f:selectItem id="ielnkext" itemLabel="External" itemValue="true" />
</p:selectOneRadio>
</f:facet>
</p:cellEditor>
</p:column>
In IE8 : When i click on edit icon of roweditor then corresponding row shows flaky behaviour(row widths changed)
In Chrome : When i click on edit icon of roweditor then corresponding row show consistent behaviour(row widths does not changed)

please suggest me what to change so that row do now behave flaky.
Please note that i observed that p:selectOneRadio width changes on selecting the options in IE8.

madhav prasad
Posts: 7
Joined: 22 Apr 2014, 07:07

23 Apr 2014, 15:22

apply <p:selectOneRadio styleClass="remove-padding" > to remove top and bottom padding and in this way your tables row will not get more widen. :D

.remove-padding table, .remove-padding td, .remove-padding tr {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 5px !important;
padding-right: 5px !important;
}

kukeltje
Expert Member
Posts: 9605
Joined: 17 Jun 2010, 13:34
Location: Netherlands

24 Apr 2014, 17:19

please post in the primeFACES forum and follow the postingrules (the PLEASE PLEASE PLEASE... topic)

Post Reply

Return to “PrimeUI”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests