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.
Unfortunately, activation email could not send to your email. Please try again.

Text wrapping in ribbon buttons

Thread ID:

Created:

Updated:

Platform:

Replies:

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

Hello!

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,
Regards,
Igor

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

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 14.1.0.41 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 14.1.0.41 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

Regards,
Kavitha N.

CONFIRMATION

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.

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.

;