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

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

4 Answers 169 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Keith
Top achievements
Rank 1
Keith asked on 09 Nov 2016, 04:05 PM

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

4 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 14 Nov 2016, 08:53 AM
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.
0
Keith
Top achievements
Rank 1
answered on 14 Nov 2016, 01:17 PM

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

0
Magdalena
Telerik team
answered on 16 Nov 2016, 11:50 AM
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.
0
Keith
Top achievements
Rank 1
answered on 16 Nov 2016, 04:21 PM

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

Tags
Menu
Asked by
Keith
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Keith
Top achievements
Rank 1
Share this question
or