Telerik: Display Dynamic Instructions

Please see my other Telerik articles.

Displaying instructions dynamically to save space

In this article I’ll demonstrate how to use Telerik’s Window control to dynamically display instructions in a popup window.
Using a dynamically-displayed windows allows the instructions to remain hidden until the user requires them, saving valuable screen real estate.

First, I’ll define my Window control within the View.
Notice I set the window’s title and use Visible() to hide it when the page loads.
Also, I allow the user to move the window and set its width.

Next, I’ll define a button for the user to click to open the instructions window.

In the page’s external JavaScript file, I’ll define an event to open the window when the user clicks the button.
Note: I prevent the click event from causing a postback to the page.