CSS and JS external
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.
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://forum.appery.io/
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.
Hello! Please use "code" tags to post your code here, it's not clear what code you use.
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..."
Where is the tage code?
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
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
It's Okay
Thank You
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!
Margin is for Panel.
You should set padding=0 for mobilecontainer, too.
This should help.