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

Align images at top of the ImageGallery

2 Answers 93 Views
ImageGallery
This is a migrated thread and some comments may be shown as answers.
Amy
Top achievements
Rank 1
Amy asked on 05 Jun 2014, 07:51 PM
Hi,

Is it possible to vertically align images so that they appear at the top of the ImageGallery display area?  We have images that vary in height, and would like to have the placement of where the images are displayed to be consistent.  Currently the position of the image shifts depending on which image is being viewed.  I'm assuming the default behaviour of the image gallery is to display the image centered both horizontally and vertically?

Thanks!

2 Answers, 1 is accepted

Sort by
0
Accepted
Viktor Tachev
Telerik team
answered on 10 Jun 2014, 01:43 PM
Hello Amy,

If you would like to have no space above the image in the ImageArea of RadImageGallery you could add a CSS rule that removes the padding above the image. The rule would look similar to the one below:

.RadImageGallery .rigItemBox .rigActiveImage img {
    padding-top: 0 !important;
}

Let me know how this works for you.

Regards,
Viktor Tachev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Amy
Top achievements
Rank 1
answered on 11 Jun 2014, 02:31 PM
Thank you!  That worked perfectly.
Tags
ImageGallery
Asked by
Amy
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Amy
Top achievements
Rank 1
Share this question
or