Button's text gets cut off

3 posts, 1 answers
  1. JP
    JP avatar
    120 posts
    Member since:
    Aug 2011

    Posted 10 Jul 2012 Link to this post

    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. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    540 posts

    Posted 10 Jul 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    JP
    JP avatar
    120 posts
    Member since:
    Aug 2011

    Posted 10 Jul 2012 Link to this post

    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;
    }


Back to Top