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 

[isMinimized]="true"

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!


3 Replies 1 reply marked as answer

SI Silambarasan I Syncfusion Team May 6, 2024 01:54 PM UTC

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

Marked as answer

JC Jonas Czeslik replied to Silambarasan I May 6, 2024 07:00 PM UTC

Ahh, thanks a lot! I did not connect the activeLayout property with the collapsed/expanded state. 


This is what I was looki



SI Silambarasan I Syncfusion Team replied to Jonas Czeslik May 7, 2024 06:39 AM UTC

You're welcome! Please get back to us if you need any further assistance.


Loader.
Up arrow icon