Idea Exchange turned App Exchange - for K2 Developers

li-deanna · ‎06-20-2013

This is my app.

here is the code to build my app

<div style="color: red; font-size: 18px; padding-top: 10px; padding-bottom: 10px; text-align: center; line-height:120%">
Connect with us anywhere!<br> Check out our mobile site.</div>

<div style="font-size: 32px; background: url(/html/assets/Li-Iphone5-SmVert.jpg) no-repeat;">
  <iframe width="210" height="373" src="http://lidemo.lithium.com?device-view=mobile" border="0" frameborder="0" allowTransparency="true" style="padding-top:79px; padding-left:21px; padding-bottom:78px;">
    Your browser does not support inline frames.</iframe>
	</div>

and these are the things about my app that are cool:

It's a mobile emulator

You can insert any mobile site in there and it will render

you can place it on any page

it's lithium branded

it's got cool shadowing on the frame

A scroll bar is included

Some problems depending on location it's placed.

Sometimes makes the whole page render in mobile.

If you like my app: give it a kudo! Thanks!

Angela · ‎06-20-2013

Oh @li-deanna cool app. I kudoed it, but one problem.

It makes the whole page render in mobile view. That's a problem!

Here's some more code to make that stop happening:

<html>

<plea> stop rendering this whole page in mobile view! </plea>
<rant> 60d#$%#$%^@%#c#%^k </rant>

</html>

lesley · ‎06-02-2014

I really like this idea, thanks for sharing!