- Home
- Forum
- Angular - EJ 2
- Initializing Ribbon In Collapsed State
Initializing Ribbon In Collapsed State
Hello Syncfusion Team,
I am having some issues with the Angular Ribbon. I would like the ribbon to be initialized in collapsed state as default. However, the isMinimized-flag as well as the showTab - function do not seem to work here.
When initializing the ribbon with
the tab content will not be displayed at all.
So I guess you differentiate between "minimized" and "collapsed"?
I know the ribbon is still kind of new, but is there a possibility to have a default collapsed ribbon?
Here is a stackblitz, where the problem should become clear:
https://stackblitz.com/edit/github-syjbzb?file=src%2Fapp.component.html
1) The Minimize Button sets the isMinimzed-flag to true and removes the whole tab content (unlike the collapsing mechanism of the ribbon with the bottom right collapse button).
2) The showTab function does not jump to the Insert tab although the ID should be set correctly
Thanks in regard
Jonas!
Hi Jonas,
Thank you for contacting Syncfusion support.
Based on the details provided, you want to programmatically switch between the layout modes (classic or simplified) and select a tab without the Ribbon being in a minimized state. We have modified the provided sample to demonstrate your requirement by switching the layout modes using the ‘activeLayout’ property and selecting the specific tab using the ‘selectedTab’ property. Could you please check the modified sample and get back to us if need any further assistance?
Modified sample:
https://stackblitz.com/edit/github-syjbzb-khxasg
Also, please refer to the following details about the Minimized state and the showTab method:
1. The Minimized state hides the Ribbon content and shows only the tab headers. Link to UG
2. The showTab/hideTab methods are used to show/hide a specific tab in the Ribbon.
Regards,
Silambarasan Ilango
Attachment: demo_9c36d20b.zip
Ahh, thanks a lot! I did not connect the activeLayout property with the collapsed/expanded state.
This is what I was looki
You're welcome! Please get back to us if you need any further assistance.
- 3 Replies
- 2 Participants
- Marked answer
-
JC Jonas Czeslik
- May 5, 2024 03:28 AM UTC
- May 7, 2024 06:39 AM UTC