Details
-
Type:
Bug
-
Status: Closed
-
Priority:
Minor
-
Resolution: Fixed
-
Affects Version/s: 4.1.1
-
Fix Version/s: 4.2
-
Component/s: ACE-Components
-
Labels:None
-
Environment:supported browsers
-
Assignee Priority:P2
Description
Visual components that can potentially be resized should have the resizable functionality built in instead of relying on the external ace:resizable component. This will ensure that the corect markup is modified when the size of the component is changed. The ace:resizable component currently changes the size of the component root element without taking into consideration the inner markup of the component (such as header, footer, content, and control buttons), a very crude approach that breaks the layout of the more complex components.
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion
To avoid polluting the component's tag with the resizable related attributes we could have them defined on a facet or client behaviour tag, declared within the component's tag. For example:
<ace:panel header="Header ..." closable="true" toggleable="true" collapsed="#{panelBean.collapsed}"> <ace:resizable animate="true" ghost="false" containment="true"/> ..... panel content ..... </ace:panel>
Implementation wise the resizable feature can be implemented server side as a ClientBehaviour just like the ace:ajax behaviour while the client side will need to invoke the jQuery resizable functionality in the component initialization.
Show
Mircea Toma
added a comment - - edited To avoid polluting the component's tag with the resizable related attributes we could have them defined on a facet or client behaviour tag, declared within the component's tag. For example:
<ace:panel header= "Header ..." closable= " true " toggleable= " true " collapsed= "#{panelBean.collapsed}" >
<ace:resizable animate= " true " ghost= " false " containment= " true " />
.....
panel content
.....
</ace:panel>
Implementation wise the resizable feature can be implemented server side as a ClientBehaviour just like the ace:ajax behaviour while the client side will need to invoke the jQuery resizable functionality in the component initialization.
Hopefully the issue is resolved now.