Do you think IIT Guwahati certified course can help you in your career?
Introduction
Google Web Toolkit (GWT) is a development framework for building RICH Internet Applications (RIA). Here are some of its notable characteristics:
GWT gives developers the option of writing client-side applications in JAVA.
The GWT compiler converts JAVA code to JavaScript code.
The GWT application is cross-browser compatible. GWT generates javascript code that is appropriate for each browser.
GWT is open source and completely free, and it is used by thousands of developers all over the world. The Apache License 2.0 was released.
HTML Widget👾
You can use the HTML Widget to insert your own HTML(Hyper Text Markup Language) content fragment directly into a page. Other Percussion Widgets generate HTML based on the content you enter, but the HTML Widget allows you to enter HTML directly or paste HTML from local or third-party sources.
The HTML fragment is rendered when the page is rendered. Since the page already contains the<!DOCTYPE>, <!HTML>, <!BODY>, and <!HEAD> tags, your HTML fragment should not include these tags, or it will not render.
GWT HTML Widget-
In GWT HTML Widget, this widget accepts HTML text and displays it using an <div> element, causing it to be displayed in the block layout.
Class Declaration
For com.google.gwt.user.client.ui.Label class −
public class HTML
extends Label
implements HasHTML
Constructors
Below are the constructors for GWT HTML Widget:
Constructor
Description
HTML()
Makes an empty HTML document.
HTML(java.lang.String html)
Creates an HTML document with the specified HTML contents.
protected HTML(Element element)
Subclasses may explicitly use an existing element using this constructor.
HTML(java.lang.String html, boolean wordWrap)
Creates a widget with the specified contents that can optionally be treated as HTML, and word wrapping can optionally be disabled.
HTML(SafeHtml html, HasDirection.Direction dir)
Creates a widget in HTML with the specified contents and direction.
Java file, ‘src/com.Coding Ninjas Studio/Index.java’ will demonstrate the use of the HTML widget.
package com.Coding Ninjas Studio.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.VerticalPanel;
public class Index implements EntryPoint {
public void onModuleLoad() {
// Create three HTML widgets
HTML html1 = new HTML("Hello,welcome to coding ninjas using <b> tag.");
HTML html2 = new HTML("Happy Learning Ninjas!! using <i> tag.");
HTML html3 = new HTML("Hope you enjoy learning here! using <u>tag.");
// Use UIObject methods to set HTML widget properties.
html1.addStyleName("gwt-Black-Border");
html2.addStyleName("gwt-Blue-Border");
html3.addStyleName("gwt-Pink-Border");
// Add widgets to the root panel.
VerticalPanel panel = new VerticalPanel();
panel.setSpacing(10);
panel.add(html1);
panel.add(html2);
panel.add(html3);
RootPanel.get("gwtContainer").add(panel);
}
}
You can also try this code with Online Java Compiler
Here’s the output showing the button in HTML with the help of GWT HTML Widget.
Frequently Asked Questions
What is a widget in HTML?
You can insert a piece of your own HTML content directly into a page using the HTML Widget.
What is RootPanel GWT?
GWT The first or uppermost panel to which all other Widgets are attached is called the RootPanel.
How do I build my own HTML widget?
Go to "Custom Widgets" and choose to add a new HTML widget to create HTML widget. Enter the widget's name in the form that appears. A widget icon of your choosing.
What is GWT Servlet?
GWT offers a few different methods for interacting with a server via HTTP.
What does GWT produce?
The GWT compiler uses GWT.Create for deferred binding.
Conclusion
This blog covered the GWT HTML Widget, and you will get to know the GWT and HTML widgets and their methods and constructor.
To know more about the GWT article, you can go through the articles below:
27+ registered 
