Ribbonbar Image Problem

4 posts, 0 answers
  1. Yo
    Yo avatar
    13 posts
    Member since:
    Aug 2013

    Posted 04 Sep 2013 Link to this post

    Please see the attached image that show my Ribbonbar image has been cut in half ?
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Sep 2013 Link to this post

    Hi Yo,

    Such an issue can happen if you are setting very large images as the ImageUrl of the items such as RadRibbonBar button. Check the attached image radribbonbar1.jpg. I suggest you choose small images so that it fit properly in the dedicated space.
    Another suggestion is you can increase the dimension of the image placeholder by overriding the CSS as follows. Check the attached image radribbonbar1.jpg

    CSS:
    <style type="text/css">
        .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder
        {
            height: 100px !important;
            width: 100px !important;
        }
    </style>

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Yo
    Yo avatar
    13 posts
    Member since:
    Aug 2013

    Posted 04 Sep 2013 Link to this post

    Hi Shinu,

           Thank you for your answer.
    But no matter how small image i use. The result still the same.
    I have attached one of the image i used and the image is from the demo project.
    So i don't think it should be the image problem.
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 04 Sep 2013 Link to this post

    Hi Yo,

    Can you please post the full code you tried so that I can try to replicate the issue at my end?

    Thanks,
    Shinu.
Back to Top