Page 2 of 2

Appery.io Tester is not launching my app

Posted: Wed Jul 24, 2013 8:06 pm
by Michael Iglesias

Works!!! For the most part the app is finished. Just need to add some styling.

I really appreciate your help.

Thanks,
Michael


Appery.io Tester is not launching my app

Posted: Thu Jul 25, 2013 3:24 pm
by Michael Iglesias

Hey,

Sorry to keep bothering you. I'm trying to add some simple styling via adding a new styling sheet which I am under the impression is automatically linked to every page within the app. I am simply trying to change the font color of some text and center align an image. I've included my css rules within the stylesheet, but the page elements are not being styled.

Any suggestions?

Thanks,
Michael


Appery.io Tester is not launching my app

Posted: Thu Jul 25, 2013 5:16 pm
by Maryna Brodina

Hello! CSS styles overwrite each other. It depends on selector
http://www.w3.org/TR/selectors/#speci...
https://developer.mozilla.org/en-US/d...
Be more specific when you define style and add !important to style.


Appery.io Tester is not launching my app

Posted: Thu Jul 25, 2013 8:04 pm
by Michael Iglesias

I am trying to embed an iframe inside one of the pages in my app. I am using the code below but it does not seem to be working :(

$('', {
name: 'myFrame',
id: 'myFrame',
class: 'type="text/html',
width: '300',
height: '250',
src: 'http://www.google.com'
}).appendTo('body');


Appery.io Tester is not launching my app

Posted: Thu Jul 25, 2013 8:07 pm
by Michael Iglesias

I've also tried the following as well using 'Appery'
but that doesn't work either.

Appery('', {
name: 'myFrame',
id: 'myFrame',
class: 'type="text/html',
width: '300',
height: '250',
src: 'http://www.google.com'
}).appendTo('body');


Appery.io Tester is not launching my app

Posted: Thu Jul 25, 2013 8:22 pm
by Maryna Brodina

You incorrectly use jquery to create element - http://api.jquery.com/jQuery/#jQuery2. You also insert it to body, but it needs to be on jqm page otherwise frame will be invisible. Another way is to use Panel component and add the following code:
code<iframe src="http:&#47;&#47;www&#46;sample&#47;index&#46;html" width="200" height="50" frameborder="0" scrolling="no"> <&#47;iframe>?/code