HTML Page Type - Tutorial    
This topic is assigned to Victor Robu

Sep 30, 2011 06:47 AM
 - displays any type of content. "Edit HTML Page" provides a toolbox for adding and customizing various type of content. When creating or converting into HTML page an empty one is created.

In order to add a new html type page to your app access its Dashboard. Then click the "+" (Add New Page) button. From the list of the page types available select the html one and click the "Create" button. Once the page is added, you are able to proceed with editing it. 


On the left side of the editor you may find the tool bar giving you the option to edit the page the way you want it. Click on the iPhone's screen (the editor) and type in your text. You may leave it plain as a general information text, or you can easily make it interactive, by linking it to a local page, or an external link, or even insert a MailTo link or insert a Phone Link. As mentioned above, the html page displays any type of information. You are welcome to use your imagination and make the page look in the best way you wanted it to be. 

  

Along with the text editing options, you may find here such options as inserting lists, tables, images, mp3 or wav files and many more. 

Example:


Highlight the text you want to link to a different local page, click on "Insert Internal Link". A pop-up window will appear giving you the option to type in the exact text to be linked and select the page you want to link it to. 

Adding a YouTube video:

1) Click on "Add YouTube vide" button from the Tool Bar.
2) In the appeared pop-up window you need to copy/paste the embed code got from YouTube. 


In order to make sure that the video will be displayed on the device, mark the check boxes below the embed code at youtube.com, same as shown on the screenshot below. 

You may find detailed explanation of each ToolBox item in our F.A.Q. section, point 32. 


Along with the toolbar items you are able to make the page slide or curl to a different one. For that, select a page from the "Slide to next page" field. 

In order to use your images, video files, etc., you need first to upload those to the resource manager of your app. 


Edit the page style by adding a background color or image. 

Here you are able to change the background image or color, text and tap color, etc. 


Also, you may add here some custom buttons, images or layers. Simply click on "Drag / Move Page Elements" link. 


Adding the Page elements you are also able to edit their functionality (see the 2 examples below 1- Image element / Image Properties, 2- Button element / Button Properties)

1) 

2) 

Remember, there is no limit for your imagination. 

Thank you, 
Ethan


Nov 24, 2011 10:37 PM
Hi Ethan, I have use the HTML page for the simple reason that it says you can display ANY content. However when I previewed this in the iPhone app of seattle clouds it does not display any of the shapes I have added to this page. Do you know what is going on?


Nov 25, 2011 12:16 AM
Daniel, 

I would kindly ask you to open a support ticket with us providing as many details as possible upon your inquiry for further investigation. 

Thank you, 
Ethan


Dec 08, 2011 04:39 AM
What is a layer and how is it used? Also, how can you set the width of the page you want to put text on an iPad app?


Dec 08, 2011 06:16 AM
I am using an iPad app and my text is only going in one column on an html new page. How can it be changed so I can use the full width of iPad screen?


Dec 23, 2011 04:03 AM
Hello Brian, 

Please, consider opening up a support ticket in case you experience any technical problems while editing your app. 

I have tried to reproduce the issue and I was not able to as the text I was typing in fit the full iPad screen width perfectly. 

Thank you, 
Ethan



Feb 14, 2012 10:52 AM
I would like my phpbb forum to appear in the app, with users having the ability to post as well as well as read. Is the HTML page option the only way to achieve this? I also want to have my listserv appear on my app....how do I do this? Thanks


Feb 15, 2012 06:07 AM
Hi Darryl,

I recommend you to use instead HTML page type an In-App Browser page type.

Best regards,
Aurel


Mar 17, 2012 04:07 PM
Aurel:

I have managed to make some progress in reducing the space between lines by altering the html code. Is there an easier way to reduce spacing to a single line?


Mar 21, 2012 10:26 AM
Hi, Douglas

Jeremy replied at your question here: http://seattleclouds.com/discussion.aspx?thread=2bst9wbkyrh​​h3hzfwefdvl1n

Thanks,
Aurel


Jun 16, 2012 03:23 PM
Hello Ethan,

Is it possible to include all of the feedback page field types here?

Kind regards,
Mario


Sep 07, 2012 11:18 AM
Hi - How do I attach a PDF file such that I can use a link from a tab?


Sep 07, 2012 12:10 PM
Click on edit the tab page. Convert to PDF reader type. Upload PDF. Put PDF file name in form on Tab page. Save.


Sep 11, 2012 02:00 AM
How to include rss feed on application; am created one application fitnessguide;

https://play.google.com/store/apps/details?id=com.sditnetworks.fitnessguide&feature=search_result#?t=W251bGwsMSwxLDEsImNvbS5zZGl0bmV0d29ya3MuZml0bmVzc2d1aWRlIl0.

Already published in Google play;

i need to include RSS feed here; as we are published article to our site and its autometically update information in our application; Anyone there who can help me;

Thanks in advance;

Please use our RSS feed - http://seattleclouds.com/sc-rss-feed-page-type or RSS Pro - http://seattleclouds.com/rss-pro page types.


Mar 17, 2013 07:21 PM
which feature can be used to edit a html page but also to be shareable in facebook, e-mail and save to photo library


Apr 23, 2013 06:17 AM
Hi, Jorge

I recommend you to add a HTML page and just add this page for share in the Page Settings menu.

    1 2   next