twitter bootstrap - Composite component with h:form weird rendering -
composite components h:form
render in weird way. jsf markup i'm using:
<div id="modals"> <div id="modal1"> <custom:mycomp /> </div> <div id="modal2"> <custom:mycomp /> </div> <div id="modal3"> <custom:mycomp /> </div> </div>
for reason, instead of rendering each composite component inside respective div
, source of rendered html looks this:
<div id="modals"> <div id="modal1"> <div class="modal-dialog"><!-- rendered component --></div> <div id="modal2"> <div class="modal-dialog"><!-- rendered component --></div> <div id="modal3"> <div class="modal-dialog"><!-- rendered component --></div> </div> </div> </div> </div>
they being rendered inside each other, not on same level. found out removing h:form
inside composite component fixes issue, need trigger actions. composite component renders markup twitter bootstrap modal:
<cc:interface></cc:interface> <cc:implementation> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><!-- header --></div> </div> <div class="modal-body"> <h:form> <!-- form. removing form renders html correctly need invoke actions here --> </h:form> </div> </div> </cc:implementation>
i'm using wildfly 8.0.0 final. there i'm missing or bug in jsf implementation? appreciated.
never mind, appears bug in implementation. changed wildfly 8.1.0-cr2 , working fine.
Comments
Post a Comment