We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Add to Ribbon dynamically

Thread ID:





142342 Jan 29,2019 09:19 AM UTC Jan 30,2019 01:05 PM UTC Angular 1
Tags: ejRibbon
Sumair Ahmed
Asked On January 29, 2019 09:19 AM UTC


is it possible to add a button to a particular tab/group after the ribbon has been created?

I tried:

@ViewChild('mainTabControl') ribbon: EJComponents<ej.Ribbon, any>;

however then i got the widget under ribbon like:  ribbon.widget.

But i can't find out how to insert into an existing tab or group.

Can you help please?

Deepa Loganathan [Syncfusion]
Replied On January 30, 2019 01:05 PM UTC

Hi Sumair, 

We have checked your requirement "To add new button after ribbon creation to a particular tab/group". You can use addTabGroupContent method to dynamically add buttons to existing tab groups using it's tab index. We have prepared a sample for your reference. In this sample, we have added new button to "New" tab group on button click using its's tab index. Please check below code block and sample. 

var content = { id: "newButton", text: "Button", } 
this.ribbon.widget.addTabGroupContent(1, 0, content); 

Please check it and get back to us if you have any further concerns. 

Deepa L. 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon