+1-888-365-2779
Try Now
More in this section

Forums / Developing with Sitefinity / Style the RadRotator Width = 100%

Style the RadRotator Width = 100%

6 posts, 0 answered
  1. David
    David avatar
    114 posts
    Registered:
    19 Jul 2012
    20 May 2015
    Link to this post

    I'm trying to set up the Rad Rotator so that it fills the full width of the screen so I've set the width to 100% as per this post I found:

    http://www.telerik.com/forums/radrotator-property-width-100

    I also want to see only one item at one time so I've set the item width to 100%, but this doesn't seem to work.  The idea is just to see a Title and subtitle scroll into the centre and the next item.

  2. David
    David avatar
    114 posts
    Registered:
    19 Jul 2012
    21 May 2015 in reply to David
    Link to this post

    Reading around it seems that although you can set the RadRotator at 100% now, you can't set ItemWidth in this way and have to use pixels.

     The way around this is suggest in this post:

    http://www.sitefinity.com/developer-network/forums/developing-with-sitefinity-/resize-telerik-radrotator

     

    I used the server-side method for ease so setting width:

    RadRotator1.ItemWidth = System.Windows.Forms.Screen.PrimaryScreen.Bounds.Width;

    add adding the following reference:

    using System.Windows.Forms;

     

    Not sure this would deal with the resizing of the window, in which case you'll need to do some javascript, but this will do the job for me for now.

  3. David
    David avatar
    114 posts
    Registered:
    19 Jul 2012
    22 May 2015 in reply to David
    Link to this post

    Actually this way doesn't work as it get the server dimensions, not the client browsers.

    You have to follow this approach, would hope to see this functionality built in, for later versions.

     http://www.telerik.com/support/kb/aspnet-ajax/details/setting-radrotator-s-size-in-percent

     

  4. Svetoslav Manchev
    Svetoslav Manchev avatar
    735 posts
    Registered:
    07 Dec 2016
    25 May 2015
    Link to this post
    Hi David,

    Thank you for the shared solution with the community, it is highly appreciated.

    Regards,
    Svetoslav Manchev
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
  5. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    25 May 2015 in reply to David
    Link to this post

    Are you sold on the radrotator?  ...it's pretty oldschool/ghetto

     The ImageGallery was to replace it http://demos.telerik.com/aspnet-ajax/image-gallery/examples/overview/defaultcs.aspx

     

    OR use another html5 rotator like royalslider http://dimsemenov.com/plugins/royal-slider/

  6. David
    David avatar
    114 posts
    Registered:
    19 Jul 2012
    26 May 2015 in reply to Steve
    Link to this post

    Steve,

    No I'm not, I would recommend others to look elsewhere for a solution.  Even now I have issues, firstly the scriptmanager has to be added to a master page rather than the control, so that I do not get two scriptmanagers at design time.  Also, it still doesn't work in design mode, but does work in preview mode.  Also when I click preview I get two preview tabs now.  It's been a lot of work and I still don't think it resizes properly with Chrome browser.

     I would certainly be interested in the ImageGallery solution.  I am actually just looking to rotate text rather than images, but I'm guessing I can do this using ImageGallery?  Also I'm assuming ImageGallery is fully responsive?  If so then it's definitely something I will be looking into.

6 posts, 0 answered