facebook

Embedding dynamic content in HTML Container

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #329505 Reply

    Hello.

    I want to show dynamic data into the new HTML container included in MobiOne 2.1.1 version. To test this function, I am inserting Html code including a link to an external URL, as a result, I get my html code to display within the panel as expected, but when I click on the Url link, the new page opens and fills the whole screen of the device.

    How can I keep the clicked URL within the panel of origin?

    Thanks!

    #329507 Reply

    Hi daco,

    Is your app a native or webapp? Can you post your HTML code here to take a look?

    #329509 Reply

    Hello Octavio.

    The app is intended to be native, the device is an IPhone.

    Attachments:
    You must be logged in to view attached files.
    #329531 Reply

    support-michael
    Keymaster

    @daco

    >but when I click on the Url link, the new page opens and fills the whole screen of the device.

    The HTML widget defines a region in your screen into which your custom html code will render. It is not an embedded window that will render content from other sites. You would need to use an <iframe> for such behavior. But <iframe> tags are kaput on iOS devices and just don’t work – don’t waste your time with this tag on mobile devices.

    Since you are building a native app consider using the native popup window features similar to the the GotoURL(popup) action configuration. The following html snippet will open your link in a popup window of your app similar to how many news or twitter readers work. The onclick attribute does the work by calling a mobione javascript function that works across devices and platforms. Replace the google.com url with your site URL Change the styling to meet your UI requirements.

     <a style="color: #0000FF; text-decoration:underline" onclick="phoneui.showURL('http://google.com','_popup'); return false;">TAP ME</a>
    #329587 Reply

    jaabo
    Participant

    Thanks wayne,

    but how could I consider using the native popup window features?

    if you could just edit daco’s test app and then uploaded it , if not can you advice some screen shots?

    Thank you again

    #329603 Reply

    Hi jaboo,

    You can use a button widget an set the action to Go to URL, and the property Open URL in set to Popup window(native only)

    #329776 Reply

    jaabo
    Participant

    thanks a lot octavio, but why the down menu disappeared !!
    I have used the same test app attached and I set the next button to Go to URL “www.google.com”, and the property Open URL in set to Popup window(native only)
    when I click next the app will go to google.com without the down menu!

    #329779 Reply

    Thanks Octavio / Wayne

    I got the idea, but I cannot view proper results in MobiOne Test Center, I get this message: Warning – Unable to open a new browser window. MobiOne does not support multiple browser Windows.

    #329958 Reply

    jaabo
    Participant

    any help pls!!!

    #329974 Reply

    Hi jaabo,

    Is your request embedding remote content in the current page. If yes, this is just not possible on iOS devices due to the lack of functional <iframe> implementation on that platform. This is not a MobiOne issue it is an iOS Mobile Safari limitiation.


    @daco
    ,

    Mobione Test Center doesn’t support multiple windows atm. But you will see that your URL open on a new window on your desktop browser.

    #329976 Reply

    @support-octavio wrote:

    Hi jaabo,

    Is your request embedding remote content in the current page. If yes, this is just not possible on iOS devices due to the lack of functional <iframe> implementation on that platform. This is not a MobiOne issue it is an iOS Mobile Safari limitiation.


    @daco
    ,

    Mobione Test Center doesn’t support multiple windows atm. But you will see that your URL open on a new window on your desktop browser.

    Ok Octavio, thanks!

Viewing 11 posts - 1 through 11 (of 11 total)
Reply To: Embedding dynamic content in HTML Container

You must be logged in to post in the forum log in