Hodentek Mobile

In this post we will add more images to the slide show in the IMAGE GALLERY widget in App Designer 7 of Intel XDK. We basically use the same documents we used earlier in the previous post here ( http://hodentekmobile.blogspot.com/2016/09/intel-xdk-controls-10-image-gallery.html ). The design of the FIRST page in the TabbarWidget page has not changed. Cntrl11_00.PNG What gets changed are the extra images added to the gallery_images folder and the changes to the gallery-images.json page which points to these added images. Make sure the images added are 640x480. It is very easy to locate the folder to place your images. Just right click gallery_images as shown and click Show in Explorer . Cntrl11_01.PNG I added four more images, BavarianAlps.png, PragueAerial.png, Vienna.png and Salzburg.png to the gallery_images folder. Right click www under projects and click Refresh File Tree .Expand gallery_images and verify the images are there. Cntrl11_02.PNG Now modify...

This post is about Image Gallery control in Intel XDK's App Designer 7. The Intel XDK Version in 3522. This is Window 10 Lap top. The IMAGE GALLERY control can be found in the COMMON category under CONTROLS as shown. IG_00 Drag and drop the control on a page. I have placed it on a page with the header text 'First' which I can access from a TABBAR on the main page. The 'First' page with IMAGE GALLERY widget dropped on it appears as shown. Note that the height was changed from its default: 250px IG_01 The HTML fragment for this control is as shown. IG_02 The ' gallery_images/gallery_images.json ' has a json file with the three images in this basic app. --------- [   {     "image": "gallery_images/freightliner.jpg"   },   {     "image": "gallery_images/sailing-ships.jpg"   },   {     "image": "gallery_images/taxi-cab.jpg"   } ] The image files are in the same node,...