Hi,
I have a RadTapStrip and a RadmultiPage: The code is below though I have cut off the RadMultiPage for brevity.
In The code behind which I've left out, again for brevity,In each pageview there is a RadHTMLChart. I read an article that said that all pageviews are loaded automatically unless they are set to Select Only.
The code makes certain tabs invisible under certain circumstances. In this case the first tab is made invisible. so the second tab shows up first. To make sure that the second tab is selected and the associated RadHTMLChart shows up I set the Selectedindex for the RadTabStrip to 1.
RadTabStrip1.SelectedIndex = 1;
I wasn't sure if that was right but I did see that the second tab is highlighted as I hoped when the screen renders; just to be clear this "second" tab is the first tab after the real first tab is made invisible . However the RadHTMLChart associated with that tab does not show up.
I clicked the next tab and the associated RadHtmlChart DID appear for that tab. Then when I went back to click the previous tab that didn't show the radHTMLChart when the screen was FIRST rendered; this time the radHTMLchart DID show up.
To do research I put a line in the codebehind to explicitly activate the RadHTMLChart when the screen FIRST renders,
RadMultiPage1.FindPageViewByID("RadPageView2").Selected = true;
This time when the screen first rendered it DID show the associated radHTMLChart.
I believe I'm missing something in the odd situation where tabs are made invisible.
The code from the aspx file is below:
-------------------------------------------------------------------------------------------
<telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="Simple" Visible="false">
<Tabs>
<telerik:RadTab Text="One" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Two" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Three" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Four" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Five" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Six" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Seven" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Eight" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Nine" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Ten" Width="200px"></telerik:RadTab>
<telerik:RadTab Text="Eleven" Width="200px"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip><br />
<telerik:RadMultiPage runat="server" id="RadMultiPage1" SelectedIndex="0">
<telerik:RadPageView runat="server" ID="RadPageView1">
<div>
<telerik:RadHtmlChart runat="server" Width="100%" Height="800px" ID="ChartInsideDiameter" Skin="Metro" PlotArea-XAxis-MinorGridLines-Visible="false"
PlotArea-XAxis-MajorGridLines-Visible="false" PlotArea-YAxis-MajorGridLines-Visible="false" PlotArea-YAxis-MinorGridLines-Visible="false">
<PlotArea>
<Series>
<telerik:LineSeries DataFieldY="Field1" Name="">
<TooltipsAppearance Color="White" />
</telerik:LineSeries>
</Series>
<XAxis DataLabelsField="Label1">
<LabelsAppearance RotationAngle="75">
</LabelsAppearance>
<TitleAppearance Text="Date">
</TitleAppearance>
</XAxis>
<YAxis Step=".15">
<TitleAppearance Text="Title1">
</TitleAppearance>
</YAxis>
</PlotArea>
<Legend>
<Appearance>
</Appearance>
</Legend>
<ChartTitle>
</ChartTitle>
</telerik:RadHtmlChart>
</div>
</telerik:RadPageView>
<telerik:RadPageView runat="server" ID="RadPageView2">
<div>
<telerik:RadHtmlChart runat="server" Width="100%" Height="800px" ID="ChartInsideDiameterA" Skin="Metro" PlotArea-XAxis-MinorGridLines-Visible="false"
PlotArea-XAxis-MajorGridLines-Visible="false" PlotArea-YAxis-MajorGridLines-Visible="false" PlotArea-YAxis-MinorGridLines-Visible="false">
<PlotArea>
<Series>
<telerik:LineSeries DataFieldY="Field2" Name="">
<TooltipsAppearance Color="White" />
</telerik:LineSeries>
</Series>
<XAxis DataLabelsField="Label2">
<LabelsAppearance RotationAngle="75">
</LabelsAppearance>
<TitleAppearance Text="Date">
</TitleAppearance>
</XAxis>
<YAxis Step=".2">
<TitleAppearance Text="Title2">
</TitleAppearance>
</YAxis>
</PlotArea>
<Legend>
<Appearance>
</Appearance>
</Legend>
<ChartTitle>
</ChartTitle>
</telerik:RadHtmlChart>
</div>
</telerik:RadPageView>
1 Answer, 1 is accepted
Hello Neil,
I have just answered your support ticket on the matter, for convenience I will copy my answer here as well:
RadMultiPage associates its Pageviews with Tabstrip, but its functionality is not constrained by that. The control allows you to set different selected index for both controls, thus when the first tab is not visible, the first pageview can still be set as active if the SelectedIndex is set to "0".
In order to avoid that you can chose between one of the following options:
- Make the first view not visible along with the first tab.
- Change the selected index of RadMultiPage to "1", so it will skip the first PageView (like already found by you).
Regards,
Vessy
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.
Rank 1
Vessey,
Thanks for your response. I will clarify that I created a second version of the post because the version in the forums is (or should be) handled by the community and not necessarily the technicians (like you). I got no answer on the forum question so I realized that maybe it should be handled as a ticket.
I tested as far as I could your suggestion (I think that’s what you mean) that both the index for the radTabStrip and the index for the MultiPageView can be set to the same thing. That seems to work but I did not see this in any of the posts (there were many) I checked when researching this on the internet; there are weak spots in some of your documentation as I’ve found a number of times in the past. To be honest this connection beween radtabstrip and multipageview is not really intuitive and should have been controlled natively by the hierarchically higher control, the radtabstrip. My first look at this relationship between the two was confusing. If there is only one pageview for each tabstrip then why should they have to be synched up seperately in terms of selected index. This is where the confusion is for me.
Again, thank you. I am going through the report and testing just in case we have a missing tab that isn't first or second on the screen. I'm not sure how that will work. This is all things I have to work through by testing since I'm not sure how it works in all cases.
Neil
I will make sure this works as described but I appreciate your help. Thanks,
Neil
Hi Neil,
Your assumption is absolutely correct - the primary support tickets are reviewed with the highest priority and if you need to receive a response faster (and if your license covers it), you should submit a ticket.
As for the documentation - I appreciate your feedback and will review the related articles where this information could be added (updated).
In addition, I would like to encourage you to submit any improvement suggestions you have for the controls in our Feedback portal here:
https://feedback.telerik.com/aspnet-ajax
Rank 1
Hi Neil,
I am not sure why you have been under such impression but I am really happy that this concern is not valid anymore. We really value the feedback of our customers and review it regularly (there is a feedback form on the bottom of each help article). In addition, you can propose your own changes/updates/additions in our documentation directly in its github repo here:
Rank 1
Hi Neil,
Thank you for the clarification. Indeed most of our articles cover the basic and most common resources and sometimes the client needs to combine them in order to achieve a more complex scenario. Still, we do our best to improve them and upload KBs with more complex solutions, whenever it is possible. Once again, thank you so mush for the shared feedback!
We stay at your disposal whenever any further issue with the controls occur.