Fixed Position - Telerik controls like RadMenu, RadButton, RadTextBox, etc.

5 posts, 0 answers
  1. Keith
    Keith avatar
    102 posts
    Member since:
    Mar 2015

    Posted 09 Nov Link to this post

    I have an ASP.Net page with Telerik controls like the RadMenu, RadButtons, RadTextBox, RadLabels, and RadioButtonList at the top of the page.

    After the Telerik controls there is a Crystal Report Viewer control.

    I need a way to keep all the Telerik controls at a fixed position at the top of the page so that no matter how the user scrolls the rest of the page including the Crystal Report Viewer, that all the Telerik controls will stay in view.  This needs to be able to work on mobile devices (Android, iOS, Windows) as well.

    I have tried using CSS position: fixed with a div but that does not work well and gets even worse on Android devices.

    Any ideas?

    Please help.

    Sincerely,

    Keith Jackson

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 14 Nov Link to this post

    Hi Keith,

    The described behavior should be achieved actually with a fixed position. Could you please specify what problems did you meet after applying this approach? Is the problem related with our control, or the issue will be the same if you add your custom content?

    Looking forward to your reply.

    Regards,
    Magdalena
    Telerik by Progress
    Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Keith
    Keith avatar
    102 posts
    Member since:
    Mar 2015

    Posted 14 Nov in reply to Magdalena Link to this post

    Hi Magdalena,

         When using CSS "position: fixed;", the Telerik controls stayed in position but the Crystal Report Viewer would scroll under or over some of the Telerik controls instead of just disappearing just before the fixed position of the Telerik controls when scrolling the second half of the page.  Not sure if the problem is related to the Telerik controls.  I thought it might be due to the Telerik controls being within a div with CSS "position: fixed;".  I was trying to find a standard way to do this but could not get it to work.

         For now I have achieved the result using the Telerik Splitter.

    Sincerely,

    Keith Jackson

  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 16 Nov Link to this post

    Hello Keith,

    We are not sure that we have understood you in the right way. Could you please provide us with 2 images: with actual and expected appearance?

    Regards,
    Magdalena
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  6. Keith
    Keith avatar
    102 posts
    Member since:
    Mar 2015

    Posted 16 Nov in reply to Magdalena Link to this post

    Hi Magdalena,

        Thanks for trying to help!  For now, no need to help me with this because I will disregard the idea due to a problem with the RadProgressArea not working in the fixed pane of the RadSplitter and the RadSplitter is not as useful on the PC as it is on a 10.1" tablet.  I will have to re-think the idea or come up with a different idea.

        Thanks!

    Sincerely,

    Keith Jackson

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017