Skip to main content

Notice: This Wiki is now read only and edits are no longer possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "EDT:Declaring widgets"

(Create a Handler type of stereotype RUIHandler)
(Create a Handler type of stereotype RUIHandler)
Line 18: Line 18:
 
   onConstructionFunction = start,  
 
   onConstructionFunction = start,  
  
   // identifies the CSS file that helps you to design the page
+
   // identifies the CSS file that helps you to design the page.
 
   cssFile = "css/MyProject.css",  
 
   cssFile = "css/MyProject.css",  
  
   // sets the title that is displayed at the top of your browser
+
   // sets the title that is displayed at the top of your browser.
 
   title = "MyHandler"}
 
   title = "MyHandler"}
  

Revision as of 16:34, 15 February 2012

The next sections outline a way to develop a Rich UI application. The IDE helps you to do the tasks quickly.

For background information, see Web technology for EGL Rich UI.

Create a Handler type of stereotype RUIHandler

package client;
 
import org.eclipse.edt.rui.widgets.GridLayout;
 
handler MyHandler type RUIhandler{
 
   // sets one or more widgets at the root of the widget tree.
   initialUI =[ui], 
 
   // specifies the function that runs initially and without user interaction.
   onConstructionFunction = start, 
 
   // identifies the CSS file that helps you to design the page.
   cssFile = "css/MyProject.css", 
 
   // sets the title that is displayed at the top of your browser.
   title = "MyHandler"}
 
   ui GridLayout{columns = 3, rows = 4, cellPadding = 4, children =[]};
 
   function start()
   end
end

An IDE wizard initially creates a grid layout of 3 columns and 4 rows.

Declare, customize, and display widgets

 

Assign and code event handlers

 

Write the on-construction function

 





Code snippets main page

Back to the top