ComponentOne Wijmo Open for Juice UI
Wijmo Open for Juice UI Extender Controls / WijSplitter / WijSplitter Task-Based Help / Creating a Full-Sized Splitter
In This Topic
    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.

    1. Create an ASP.NET Web application with a ScriptManager control and install Juice UI and the Wijmo Juice libraries to your project via NuGet.
    2. 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>
      
    3. 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>
      
    4. Select View | Properties Window in the Visual Studio menu.
    5. Click the drop-down list at the top of the Properties window and select Panel1_WijSplitter.
    6. Set the FullSplit property to True.
    7. Press F5 to run the application. The splitter will look similar to this: