Servis-Rhino 4211B Betriebsanweisung PDF herunterladen (Seite 60)

item, the position within the document where the item will be inserted is shown. Releasing the

mouse will insert the component. In addition to dragging a component into the visual canvas, a

component can also be dropped in the source.

Each component added to the canvas may have a variety of properties associated with it. A window

titled "Properties" provides an visualization of these properties including the ability to change their

values.

Coding in the HTML source

The reality of building a UI is that we can not build everything we need in the visual designer. We

will invariably have to build out parts of our solution in the text HTML editor. Here is an example

of some HTML in the editor:

The HTML is parsed as it is edited to show errors, keywords, matching element end tags and much

more. In order to use this portion of the editor, it is assumed that you are very familiar with HTML

and any JavaScript frameworks that you may be wishing to use. Worklight's ethos is that it exposes

as much existing technology that you may be familiar with as possible and minimizes the amount of

additional interference.

Images and graphics

Within the studio project there is a folder called "images". This folder can be used to contain

image files in a variety of formats including JPEG, PNG and GIF. This is the recommended folder

for holding graphics components. Within the HTML, a reference to "images/<filename>"

will access the image.

When building out mobile apps, it is common to want to find images to be used in icons and

buttons. A good source for such is the IconFinder web site (https://www.iconfinder.com/ ). Always

read the licensing agreements for any icons used. The web site has the ability to filter on icons to

find free/unrestricted items.

Page 60

1 2 ... 55 56 57 58 59 60 61 62 63 64 65 ... 297 298

Keine Kommentare

Servis-Rhino 4211B Betriebsanweisung Seite 60