Creating a Full-Sized Splitter
In This Topic
The WijSplitter controlallows you to create a full-sized splitter that fills the page. Simply set the FullSplit property to take advantage of this feature.
- Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
- Add a standard Panel control to the main content of your page and add the following markup to the Panel.
<asp:Panel runat="server" ID="Panel1">
<div>
panel1
</div>
<div>
panel2
</div>
</asp:Panel>
- Use the following markup to add a WijSplitter control to the page and set the TargetControlID to Panel1.
<cc1:WijSplitter ID="Panel1_WijSplitter" runat="server"
TargetControlID="Panel1">
</cc1:WijSplitter>
- Select View | Properties Window in the Visual Studio menu.
- Click the drop-down list at the top of the Properties window and select Panel1_WijSplitter.
- Set the FullSplit property to True.
- Press F5 to run the application. The splitter will look similar to this: