Details
-
Type:
Improvement
-
Status: Closed
-
Priority:
Major
-
Resolution: Fixed
-
Affects Version/s: 1.7.2
-
Component/s: ACE-Components
-
Labels:None
-
Environment:All
Description
Currently the ICEfaces tab set component is unable to render out multiple lines of tabs. I believe this is mainly due to the markup which is rendered for this component. Ideally the tab set would render more multi-line friendly markup. For instance, our .NET counterparts here use their own third party component library... for that libraries tab set component the tab bar is represented
roughly as follows:
<div>
<ul>
<li>
<!-- tab content -->
</li>
<li>
<!-- tab content -->
</li>
</ul>
</div>
By using markup like this it becomes much easier to make the tabs wrap to the next line with CSS.
roughly as follows:
<div>
<ul>
<li>
<!-- tab content -->
</li>
<li>
<!-- tab content -->
</li>
</ul>
</div>
By using markup like this it becomes much easier to make the tabs wrap to the next line with CSS.
Issue Links
- is duplicated by
-
ICE-4005
panelTabset should wrap if tabs don't fit
-
- Closed
-
Activity
| Field | Original Value | New Value |
|---|---|---|
| Attachment | screenshot-1.jpg [ 11335 ] |
| Fix Version/s | 2.0 [ 10032 ] |
| Salesforce Case | [] | |
| Assignee Priority | P2 | |
| Assignee | Arturo Zambrano [ artzambrano ] |
| Summary | Enhance tabSet rendering | Support multiple lines of tabs in panelTabSet |
| Salesforce Case | [] | |
| Assignee Priority | P2 | |
| Assignee | Arturo Zambrano [ artzambrano ] |
| Salesforce Case | [5007000000AoXxb] |
| Fix Version/s | 2.0-Beta [ 10231 ] | |
| Fix Version/s | 2.0-Alpha3 [ 10032 ] | |
| Assignee | Yip Ng [ yip.ng ] |
| Assignee | Yip Ng [ yip.ng ] | Adnan Durrani [ adnan.durrani ] |
| Assignee | Adnan Durrani [ adnan.durrani ] | Ken Fyten [ ken.fyten ] |
| Fix Version/s | 2.0-Beta2 [ 10242 ] | |
| Fix Version/s | 2.0-Beta1 [ 10231 ] |
| Component/s | ACE-Components [ 10050 ] | |
| Component/s | Components [ 10012 ] |
Resolved with the introduction of the new TabSet ACE component.
| Status | Open [ 1 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
| Fix Version/s | 2.0.0 [ 10230 ] |
| Status | Resolved [ 5 ] | Closed [ 6 ] |
It should be taken into consideration that whoever is using the tab set may not be in control of the size of their tabs. For example, the amount of text in the tab label could change greatly when text is translated from one language to another. In my opinion this would rule out any solution which requires the setting of the number of rows. I think the optimal solution would be one which the tabs are able to wrap and flow freely.