REMEMBERING POINTS

In the develop section we directly switch from CODE section to DESIGN section as shown in image.

here we will use design section first

In design section we have

1. PAGES
2. CONTROLS
3. THEMES
4. ICON-FONTS
5. SERVICE METHODS

                                    From controls section drag and drop header and on the right side click on the title and write down the title of header as in this case i write 'header'.

Then drag text and then you can write the text as we do in paragraph as shown below

We can create different pages in case of designing section you can click on pages link and then you can create a new page as per your requirement and then you can drag and drop the buttons ,text section and lots more available in intel xdk in to the designing screen. no code needed to write in case of DESIGN.

but if you will click on CODE section then you have to create a new pages then write a code in html,css for designing and programming code in JAVASCRIPT to make your app attractive and cool looking.

CONTROLS

SIDE BY SIDE it Provides a easy way of having 2 controls next to each other. It too doesn't force the any controls within it to change their width.

COLUMN: Each page has been provided a default vertical column. we must insert a Column within a Row (but we  cannot insert it directly into any kind page), so we insert a Row before we just can insert any additional Columns in to it.

ROW: A responsive layout,we can insert a row even in column but not only in a column but everywhere where ever you want .

HEADER AND FOOTER:

lots of frameworks have their own header and footers and its control differs in each framework.

BUTTON GRID: we can use a grig button like for calculator app or for any other thing and also these buttons can be deleted also as per our requirement.

CARD:Useful for filling a space with buttons, such as a calculator or movie-playing app. This is not a general layout control, so some controls will not “play well” when put into a button grid.
CARD GRID:It is basically used to layout cards.
CARD COLUMNS: Like a card grid it is used to layout cards but it is mainly useful for data driven presentation.
ANIMATED AND SIDEBAR CONTROLS:

This is a separate category of layout-related controls. Like Overlay and Popup controls, they are added to the page itself and made visible by some event. They are available for all UI frameworks.