Rotator Reponsive design

[Platinum]

Hi,

I am using Rotator to display banner images in the home page. I need to enable reponsive design for the various dimensions of the mobile devices.

I have fixed the width to 100%, however for various screen size, the rotator does not seem to adjust.

Please advise how to solve this issue

 

 

[Rumen]

Hi,

The rotator itself may get 100% width, but this has some requirements and limitations (such as that the  Rotator's items have width in pixels) as described in the documentation: http://docs.telerik.com/devtools/aspnet-ajax/controls/rotator/mobile-support/fluid-capabilities.

I suggest you take a look at the ImageGallery control, which offers responsive and adaptive rendering, to see if it will fit your needs: http://demos.telerik.com/aspnet-ajax/image-gallery/examples/overview/defaultcs.aspx. It also offers templates if you need more complex content: http://demos.telerik.com/aspnet-ajax/image-gallery/examples/functionality/templates/defaultcs.aspx.

Here is a basic example:

<telerik:RadImageGallery runat="server" ID="RadImageGallery1"  ImagesFolderPath="~/images" Width="100%"></telerik:RadImageGallery>

You can use a template, add a data-* attribute  from the data source with the needed info to the clickable element in order to show additional text/controls/popups and know which one it is.

Best regards,
Rumen
Telerik by Progress

[RJ]

Can you add buttons here just like in dell's website? -> http://www.dell.com/

or other elements perhaps like list item which has datasource from database?