Hello Telerik team,
I am trying to achieve collapsing RadSlidingPane programmatically in java script or on server side but no luck.
Here what I am exactly trying to achieve:
I am having a search criteria with Search button in RadSlidingPane & I want to collapse all search criteria when user hits a Search button (which is also in the RadSlidingPane). Everything else working perfectly fine.
I wan to do this using java script or on server side so please let me know how to do this. Also please let me know if you need any additional information.
Thanks in advance.
Regards
Shirish
7 Answers, 1 is accepted
You can programmatically collapse/expand a sliding pane by calling its parent SlidingZone collapsePane() or expandPane() methods:
http://docs.telerik.com/devtools/aspnet-ajax/controls/splitter/client-side-programming/radslidingzone-object
Regards,
Vessy
Telerik by Progress
Hi Vessy,
I tried this & it's not working :-(
function CollapseSearch(sender, args) {
var slideZne = document.getElementById("Radslidingzone2");
var spane = document.getElementById("RAD_SLIDING_PANE_TAB_Radslidingpane4");
slideZne.collapsePane(spane.id);
}
Please let me know.
Thanks again.
Regards
Shirish
The suggested methods are part of the client-side API of the RadSlidingZone object, so you will need to get reference to it, instead of its html element in order to use them:
$find(
"RadSlidingZone2"
).collapsePane(
"Radslidingpane4"
)
I would advice that you examine the following article:
http://docs.telerik.com/devtools/aspnet-ajax/controls/splitter/client-side-programming/overview
Regards,
Vessy
Telerik by Progress
Thanks Vessy perfect. It's working fine now. Thanks again.
Regards
Shirish
I am glad I managed to help, Shirish - let us know should any further questions on this matter arise.
Regards,
Vessy
Telerik by Progress
+1 Vessy.
Just stumbled onto a similar need. Short, concise, and spot on. Much obliged.