[Solved] How to disable "CollapsablePanel" on click of a "telerik:RadTab" of "telerik:RadTabStrip"

[Nirav]

Hi,
On my webform, I have a RadTabStrip and a CollapsablePanel.
I want to disable/Enable that CollapsablePanel on click of Tabs of RadTabStrip.
Can someone please tell me how can I achieve this ?

Here is my controls on my form. I am just putting basic code only.
What I am looking for is on click of first tab, I want to disable second panel and enable first panel,
and on click of second tab, I want to disable first panel and enable second panel.
#######################################################

 

 

<ew:CollapsablePanel ID="CollapsablePanel1" runat="server" AllowSliding="true" >
</ew:CollapsablePanel>

<ew:CollapsablePanel ID="CollapsablePanel2" runat="server" AllowSliding="true" >

</ew:CollapsablePanel>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
SelectedIndex="0" Width="100%">

<Tabs>
<telerik:RadTab runat="server" PageViewID="pv1" Text="pv1" Selected="True" >
</telerik:RadTab>
<telerik:RadTab runat="server" PageViewID="pv2" Text="pv2" >
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>

   <telerik:RadMultiPage ID="RadMultiPage1" runat="server" BorderStyle="None" BorderWidth="1px"
   CssClass="pageView" SelectedIndex="0">
        <telerik:RadPageView ID="pv1" runat="server" >
       </telerik:RadPageView>
        <telerik:RadPageView ID="pv2" runat="server" >
        </telerik:RadPageView>
   </telerik:RadMultiPage>

 

 

 

 #######################################################

 

 

 

 

 

 

 

[Paul]

Hello Nirav,

In general you can easily achieve your goal by subscribing to the TabClick event. Still, the used CollapsablePanel control is not provided by Telerik and we are not familiar with its properties and API.

Greetings,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nirav]

Really Thanks for your reply,
Can I know one thing?
Is there any way to call a JavaScript function on click of Tab?
And also I want to know which Tab is clicked?
So basically if I can pass Tab Name or ID or something to my javascript function, then I can disable my control too.

[Atanas Korchev]

Hi Nirav,

I suggest you check this help topic. Additionally you may inspect our client-side events online example.

Regards,
Albert
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Nirav]

Thanks, Thats what I was looking for.

Thanks again, and last additional question,
like I can get Tab Text by using "tab.get_text()", How can I get ID? I tried tab.get_id() but didnot work.

[Atanas Korchev]

Hello Nirav,

Unfortunately you cannot get the server id of the tab using the client-side API. I suggest you use the Value property of the tab instead which can be accessed on the client-side using the get_value() method.

Regards,
Albert
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.