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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Text wrapping in ribbon buttons

Thread ID:





123681 Apr 10,2016 10:35 PM UTC Apr 11,2016 07:38 AM UTC JavaScript 1
Tags: ejRibbon
Igor Kuchaev
Asked On April 10, 2016 10:35 PM UTC


I have an issue with Ribbon Javascript Control. I can't find any proper information on how to achieve the following effect.
I need to make text wrapping or two lines of text for the ribbon buttons, when the text has not enough space. The way to add \n line or &codes doesn't help to achieve this effect. 

Thanks in advance,

Kavitha Narayanan [Syncfusion]
Replied On April 11, 2016 07:38 AM UTC

Hi Igor,

Thanks for contacting Syncfusion support.

Query: I need to make text wrapping or two lines of text for the ribbon buttons, when the text has not enough space.

By default, text wrapping applies to the button text when we give more than one line of text and it fixed in the version. For proper alignment of text and icon, we can customize button width and height as per your requirement.

Please refer to the code.

text: "Illustrations", alignType: ej.Ribbon.AlignType.Rows, content: [{

groups: [{

id: "picture",

text: " Online Pictures", //text wrapping to the ribbon button

toolTip: "Pictures",

buttonSettings: {

height:85,//set button for proper align of text and icon

contentType: ej.ContentType.TextAndImage,

imagePosition: ej.ImagePosition.ImageTop,

prefixIcon: "e-ribbon e-picture"


We prepared a sample in version.

Sample: http://www.syncfusion.com/downloads/support/forum/123681/ze/sample-749932459.zip

Video: http://www.syncfusion.com/downloads/support/forum/123681/ze/video-518325733.zip

Kavitha N.


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