GWT SplitLayoutPanel

GWT SplitLayoutPanel Class Declaration

Let's look at the com.google.gwt.user.client.ui.SplitLayoutPanel definition.

public class SplitLayoutPanel extends DockLayoutPanel 

You can also try this code with Online Java Compiler

Run Code

SplitLayoutPanel Nested Classes

The nested classes of SplitLayoutPanel and their description are given below:

GWT SplitLayoutPanel Constructors

Constructors that are provided by the SplitPanelLayout are given below:

SplitLayoutPanel Common Methods

Following are the methods that are provided by the SplitPanelLayout:

GWT SplitLayoutPanel Example

Let's see an example of how to implement the SplitPanelLayout:

Code

First, create a file named SampleSplitLayoutPanel.java and paste the following code:

import com.google.gwt.event.logical.shared.ResizeEvent;  
import com.google.gwt.event.logical.shared.ResizeHandler;  
import com.google.gwt.user.client.Window;  
  
/*This is the entry point method. */  
  
 public void onModuleLoad() {   
  
// Create a two-pane layout with splitters.   
  
SplitLayoutPanel p = new SplitLayoutPanel();   
p.addWest(new HTML("Navigation Tree"), 128);   
  
// Attach the LayoutPanel to the RootLayoutPanel.   
  
RootLayoutPanel rp = RootLayoutPanel.get();   
rp.add(p);  
 }  

You can also try this code with Online Java Compiler

Run Code

Now create a CSS file and name it SampleSplitLayoutPanel.css and paste the following code:

body {  
   text-align: center;  
   font-family: verdana, sans-serif;  
}  
  
h1 {  
   font-size: 2em;  
   font-weight: bold;  
   color: #777777;  
   margin: 40px 0px 70px;  
   text-align: center;  
}  
.dockpanel td {  
   border: 1px solid #BBBBBB;  
   padding: 3px;  
} 

Output

Frequently Asked Questions

What is GWT SplitLayoutPanel?

The GWT SplitLayoutPanel is identical to the GWT DockLayoutPanel in that the sizes of its children are always supplied in absolute value. Its child widget features a splitter between each widget, allowing the user to drag it accordingly.

How to get the splitter’s size in SplitLayoutPanel?

The getSplitterSize() method is used to get the splitter size in SplitLayoutPanel.

What is the function of SplitLayoutPanel()?

It creates a new SplitLayoutPanel with the standard splitter size of 8px.

How to remove the child widget in SplitPanelLayout?

We use the remove(Widget child) method to remove the child layout.

What is the function of SplitLayoutPanel(int splitterSize)?

SplitLayoutPanel(int splitterSize)  creates a new SplitLayoutPanel with the splitter size supplied in pixels.

Conclusion

In this article, we have extensively discussed the GWT SplitLayoutPanel. After giving a quick overview of the GWT SplitLayoutPanel, we spoke about how to put it into practice. Finally, a few frequently asked questions about the GWT SplitLayoutPanel.

Do you not feel eager to read/explore additional information on the subject of GWT after reading about the GWT SplitLayoutPanel? See the GWT ScrollPanel Widget, GWT RootLayoutPanel, and GWT TabPanel Widget learn more.

Nevertheless, you may consider our paid courses to give your career an edge over others!

Do upvote our blogs if you find them helpful and engaging!

Happy Learning!