Adding an Media to Mobile Form

Discussions regarding developing applications using Servoy Mobile (new in Servoy 7)

Adding an Media to Mobile Form

Postby ars » Thu Mar 06, 2014 6:02 pm


I am wondering how to add an media image over a Mobile form. Anyone has any idea on the same, please share.

Arup Sahoo

Servoy Developer and Consultant

Find me @
Skype me @ arup.sahoo
GTalk me @ arup.sahoo
User avatar
Posts: 213
Joined: Thu Jun 28, 2007 2:04 pm
Location: India

Re: Adding an Media to Mobile Form

Postby mattfrizzell » Tue Mar 11, 2014 5:57 pm

I'm not sure what you mean by adding an image "over a mobile form", but I can answer a way I got an image on a mobile form. I hope it isn't the right way to do it, but I can vouch for it being A way. In this example I wanted to brand a custom login screen.

#1. To start, I added a bean onto my form.

#2. In the "innerHTML" property of the bean I named and ID'ed an empty div.
Code: Select all
<div id="mylogo"></div>

#3. I added a jpeg of the logo to the Servoy media

#4. On the onLoad event of the form I used some jquery to add an image element to the empty div.
Code: Select all
$("#mylogo").html('<img id=adSailsLogo src="../[b]your_mobile_solution_name[/b]/media/adSailsMaster.jpg"></img>')

And the result was this login screen.

As I said, I'm not sure it is the "right way" to do things and certainly it could be easier, but in the end I was able to produce pretty much what I was aiming for. Accessing the Servoy media was not as I expected it to be so I struggled there the most. Hopefully this helps.
You do not have the required permissions to view the files attached to this post.
Matt Frizzell
Posts: 51
Joined: Mon Aug 21, 2006 4:00 pm

Return to Servoy Mobile

Who is online

Users browsing this forum: No registered users and 1 guest