Changing grid headers via javascript

About This Space

A Hello World app with both dynamic output and input fields


Last updated on February 8, 2020

Public Permissions:   View   Open/Fork   Run   Comment  

Rich Display Hello World Template

This template illustrates the basics of Rich Display screens. The starting Node.js file for this application is app.js. To review or change this, right-click the file and in the tree and select Properties.

Screenshot

You can run the application from the Launch menu.

Statefulness

This app uses a stateful top-down paradigm, meaning that when a screen is displayed, the Node.js code is paused to wait for the user's input.

Visual Designer

The interface was built using the Visual Designer and stored in a Rich Display file named app.json. When you open the json file in the Visual Designer, you can click around to select various widgets and view properties assigned to those widgets.

Field Binding

In the Visual Designer, certain widget properties are directly bound to fields that are exposed to Node.js code.

Screenshot

For example:

  • yourName is a character field bound to the 'value' property of the textbox
  • submit is a boolean field bound to the 'response' property of the Submit Answer button
  • exit is a boolean field bound to the 'response' property of the Exit button

Layouts

Layouts are widgets that can host other widgets. This example uses a Panel Layout widget. The layout is centered on the page. This is accomplished by right-clicking the layout and selecting the Center Horizontally and Center Vertically options.

API

Be the first to comment:      

Comments

Write Preview Markdown: bold italic code link
Post

More Spaces By klaw (@klaw)

Filters:

Popular Recent

Have some fun with this Connect 4 application!

6726

1

8

This is a variation on the Connect 4 App that will enable multiplayer support.

6982

2

0

This app consumes a web service and display the information in a grid

4023

0

0

This app consumes a web service and display the information in a grid

3950

0

0

This app consumes a web service and display the information in a grid

3562

0

0

Expanded version of the Grid template to add additional paging buttons and modify how the data is supplied to the Grid widget.

5753

0

3

This interactive app prompts the user for key fields to lookup a database record and displays the results

3529

0

0

This interactive app prompts the user for key fields to lookup a database record and displays the results

3685

0

0

This interactive app prompts the user for key fields to lookup a database record and displays the results

3614

0

0

This is a full database maintenance CRUD application with view, change, add, and delete capabilities

3603

0

0

This is a full database maintenance CRUD application with view, change, add, and delete capabilities

3345

0

0

This is a full database maintenance CRUD application with view, change, add, and delete capabilities

2832

0

0