CSS and JS external

Mon Feb 04, 2013 2:29 pm

How use the style css in extern :

And too in js :

There are an architecture specifique?
I call css and js on my page html but no works.

Mon Feb 04, 2013 2:43 pm

Hello! Please use "code" tags to post your code here, it's not clear what code you use.

Mon Feb 04, 2013 2:55 pm

Hello Marina,

I want just to calle a css and JS in external:

----------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml..."

Mon Feb 04, 2013 2:55 pm

Where is the tage code?

Mon Feb 04, 2013 3:16 pm

Please go to Project App settings External Resources (there you can add link to JS resources)

To add CSS click Create New CSS (check option you need)

Mon Feb 04, 2013 3:20 pm

Well, i, going to explique you slowly my problems.
I would like create an simple application.

I want use the css and js files in extern. For the the moment i call simplely a css and js

code<link rel="stylesheet" type="text/css" media="screen" href="ecran.css" />/code and same thing for the js.

So i created a file in html and css [ecran.css], but this no works.

Too, i would like to import images without the drag and drop its possible?
If exist, where is the folder to upload images.

To finally, i would like to change the background but not works. I use in a css body {background:red} but no works again.

Thank you to help me
I' here for answer to ther question

Mon Feb 04, 2013 5:25 pm

Hello!

1) If you create CSS via Create New CSS you don't have to connect it manually using - it will be connected automatically.

2) If you create JS via Create New JavaScript, it will be connected automatically, too.

3) If you need External JS you can connect it as described above via Project App settings External resources. You don't need to connect it additionally using code<script src="....."></script>/code
4) You cannot import images without the drag and drop

5) You can't use body {background:red} because body isn't displayed on page. This is not a body - it's div with data-role="page" and it has it's own background settings. To change background you should specify in CSS block div. For example
codediv[name=mobilecontainer1]
{
background:red;
}/codewhere mobilecontainer1 is a page container name on the screen

You can declare Class Name for screen container (for example, mobilecontainer) and write CSS for this class:
code.mobilecontainer
{
background:red;
}/code
If you need the same background for all pages you can use:
codediv[data-role=content]
{
background:red;
}/code

Mon Feb 04, 2013 7:24 pm

It's Okay
Thank You

Mon Feb 04, 2013 8:38 pm

I come back to help me.

I create an application just with code css / html / css, so without the drag and drop.

First, i use a panel to add a html editor and to edit the html, i rename my class "header", then i delete the margin in the panel
The problem, that i have alway a margin left and right like this

I would like to have no margin for the top, left and right.
Thamk you!

Mon Feb 04, 2013 9:22 pm

Margin is for Panel.
You should set padding=0 for mobilecontainer, too.
This should help.