Ribbonbar Image Problem

[Yo]

Please see the attached image that show my Ribbonbar image has been cut in half ?

[Shinu]

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.

[Yo]

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.

[Shinu]

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.