This is a migrated thread and some comments may be shown as answers.

Button's text gets cut off

2 Answers 194 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
JP
Top achievements
Rank 1
JP asked on 10 Jul 2012, 08:33 AM
Hi,

we just switched from Q3/2011 to Q2/2012 and have a slight layout problem with the RibbonBar since the new version.
The second line of a button's text gets cut off. The text can contain a line break (button.Text = "lineA <br/> lineB");
I attached a screenshot where you can see the problem.

How can I ensure that the second line is displayed correctly like in Q3/2011?

2 Answers, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 10 Jul 2012, 10:16 AM
Hi, Jan-Patrick.

We introduced several changes in the ribbon for Q2 2012 and obviously one of them has triggered this behaviour.

With the service pack a little more than a week away, I am not sure we'll manage to squeeze in the time for fix and tests.

Kind regards,
Ivan Zhekov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Accepted
JP
Top achievements
Rank 1
answered on 10 Jul 2012, 10:54 AM
Thanks for the reply. I was able to implemented a workaround.
For everyone who is interested:

.RadRibbonBar .rrbLargeButton .rrbButtonText
{
   max-width: 80px;
   white-space: normal;
}
 
.RadRibbonBar div.rrbControlGroup
{
   max-height: 100px;  
}
 
.RadRibbonBar .rrbButtonGroupIn > div.rrbAbox,
.RadRibbonBar .rrbButtonGroupIn > div.rrbVbox,
.RadRibbonBar .rrbButtonGroupIn > div.rrbHbox {
   height: 100px;
}


Tags
RibbonBar
Asked by
JP
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
JP
Top achievements
Rank 1
Share this question
or