RadGalleryItem Images Being Cut Off

2 posts, 0 answers
  1. Luke Daugherty
    Luke Daugherty avatar
    19 posts
    Member since:
    Jun 2011

    Posted 18 Nov 2013 Link to this post


    We have a RadRibbonGallery populated with a bunch of RadGalleryItem's. There is no text so the Items are made up of small Image's who's source are 16x16 png files. The ImageHeight and ImageWidth was set to 24 for some padding:

            <telerik:RadRibbonGallery Name="nodeShapeGallery" CompressedThreshold="WhenGroupIsMedium" Icon="/GraphVisualizationModules.Common;component/Resources/Images/32/shapes.png" ItemHeight="24" ItemWidth="24">
                <telerik:RadGalleryItem Image="/Modules.GraphDecorator;component/Resources/Images/rectangleShape.png" Tag="rectangleShape" />

    With the latest change all of the Images are being cut off (on all sides). It appears the selection decoration was enlarged for the 2013 Q3 release, thus requiring more space which leaves less room for images of this size. I can increase the ItemWidth and ItemHeight, but that takes a lot more room then previously needed.

    Attached is a sample png as well as a screenshot showing the Gallery before (top) and after (bottom) the update to Q3.

    Luke Daugherty
    Pitney Bowes Software

  2. Kiril Vandov
    Kiril Vandov avatar
    324 posts

    Posted 19 Nov 2013 Link to this post

    Hello Luke,

    You are correct that the  RadGalleryItems selectionion rectangle is increased and also there is added a default padding. You could override the default behavior by applying implicit style targeting the RadGalleryItem, like follows:
    <Style TargetType="telerik:RadGalleryItem" >
        <Setter Property="Padding" Value="0" />
        <Setter Property="BorderThickness" Value="2" />
    You could try only setting the padding property to 0 and if there is still not enough space, you could reduce the BorderThickness of the RadGalleryItems.

    I hope this information helps.

    Kind regards,
    Kiril Vandov
    Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
    Sign up for Free application insights >>
Back to Top