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

highlight selected page

9 Answers 161 Views
PageView
This is a migrated thread and some comments may be shown as answers.
Sharon
Top achievements
Rank 1
Sharon asked on 03 Jan 2017, 12:45 PM

I have page view in mode backstage.

How do I highlight the selected page?

I need the selected page remain highlight even when the pageView has lost the focus.

 

Thanks!

9 Answers, 1 is accepted

Sort by
0
Hristo
Telerik team
answered on 03 Jan 2017, 03:44 PM
Hello Sharon,

Thank you for writing.

The currently selected page is being persisted. Please refer to the attached video. In case you keep experiencing issues please provide me with more details about your actual scenario. A sample code snippet demonstrating your local setup would also help.

I hope this helps. Should you have further questions please do not hesitate to write back.

Regards,
Hristo
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
Tehila
Top achievements
Rank 1
answered on 06 Sep 2017, 06:46 AM

Hristo,

I'm experiencing the same problem.

we ae working with RadPageView -> backstage.

when we navigate between the tabs they one we chose is not hightlighted...

 

0
Hristo
Telerik team
answered on 06 Sep 2017, 10:26 AM
Hi Tehila,

Thank you for writing.

We are not aware of an issue resulting in the described behavior. The screenshot suggests that it may be related to the theme you are using.

Can you please specify the theme and the version of the controls? I am also attaching my test project.

I hope this helps. Looking forward to your reply.

Regards,
Hristo
Progress Telerik
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
Tehila
Top achievements
Rank 1
answered on 23 Oct 2017, 07:46 AM

Dear Hristo,
Digging further I noticed the following:
Attached is a diagram of how it works by us.
The radpageview doesn’t highlight the selected pageView/tab in the parent control

thankyou in advance,

tehila.

0
Hristo
Telerik team
answered on 23 Oct 2017, 02:35 PM
Hi Tehila,

Thank you for writing back.

It is hard to investigate the reported behavior because we are not able to reproduce it. Can you please open up a support ticket and attach a sample project demonstrating the issue?

I hope this helps.

Regards,
Hristo
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
RTA
Top achievements
Rank 1
answered on 11 Oct 2018, 02:26 PM

I don't know what the cause is, but this solution worked for me.

Change the viewmode property of the RadPageView control, then change it back to what you want.  In my case, tabs were not being highlighted when they where selected.  After I programmatically filled the RadPageView with pages, the tab all showed up, but would not get highlighted as the uses switched between them.  This resolved the problem. 

 radPView1.ViewMode = PageViewMode.Backstage;
 radPView1.ViewMode = PageViewMode.Strip;

0
Hristo
Telerik team
answered on 11 Oct 2018, 03:29 PM
Hi Steve,

Thank you for the update. I am glad that you managed to resolve the issue.

Let me know if you will be needing further assistance.

Regards,
Hristo
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
RTA
Top achievements
Rank 1
answered on 19 Oct 2018, 08:32 PM

I have an update about this solution I posted.   That is: 

radPView1.ViewMode = PageViewMode.Backstage;

radPView1.ViewMode = PageViewMode.Strip;

I am using the control in Strip mode and was also noticing that the selected tab did not highlight. 

The two lines above did resolve my problem, however I have since found the cause of the problem.  Before toggling ViewMode, I was calling .BeginInit() and .EndInit().  Calling these methods caused the tabs to stop highlighting. 

Toggling the ViewMode fixed the tab highlighting problem, but caused  the drag and drop tabs feature to stop working.  So, the bottom line it that resolving one problem caused another with the control. 

After some experimenting I realized that I don't need .BeginInit() and .EndInit(). This means I don't need to toggle the ViewMode bit after all.  So, in my case, I took out the unneeded lines and everything is working fine for me. 

I guess the take-way is: If you're having trouble with RadPageView behaving, it may be because changing certain attributes seems to unexpectedly effect how the control operates. 

 

0
Hristo
Telerik team
answered on 22 Oct 2018, 08:32 AM
Hello Steve,

Thank you for writing.

The BeginInit and EndInit methods are defined in the ISupportInitialize interface and implemented in the base RadControl class. They are used to suspend the layout while initializing the control in the designer of Visual Studio and they are not intended to be used at run-time. As you have already posted, this may lead to unexpected and not desired behavior.

Let me know if you are having other questions.

Regards,
Hristo
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
PageView
Asked by
Sharon
Top achievements
Rank 1
Answers by
Hristo
Telerik team
Tehila
Top achievements
Rank 1
RTA
Top achievements
Rank 1
Share this question
or