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
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>
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?