full page background?

Post any questions you have about using the Verj.io Studio, including client and server-side programming with Javascript or FPL, and integration with databases, web services etc.

Moderators: Jon, Steve, Ian, Dave

t4nu
Ebase User
Posts: 305
Joined: Thu Jul 02, 2015 8:32 am
Location: Indonesia

full page background?

#1

Postby t4nu » Thu Aug 11, 2016 2:00 am

Hi,
If I want to make the full page background (like the ebasetech.com has), what should I do? which element should I modify? Page element or Page panel?
As far as I know to make the image take the whole page I usually have at least:
background: url(....)
min-height: 100% and
background-size: cover
in the css part. But I confuse how to put the image location within url bracket when the image i put in the images folder within the resources.

Thanks in advance for the help.
0 x

Jon
Moderator
Moderator
Posts: 1342
Joined: Wed Sep 12, 2007 12:49 pm

#2

Postby Jon » Thu Aug 11, 2016 9:23 am

To apply a background across the entire page and use an image from the workspace, you should probably use something like:

Code: Select all

body
{
   background-image:url("$ws/images/myimage.gif");
}
The "$ws" instructs the system to load the image from the workspace. The images folder can be in the same project as the form that you are running or in any linked project.
0 x

t4nu
Ebase User
Posts: 305
Joined: Thu Jul 02, 2015 8:32 am
Location: Indonesia

#3

Postby t4nu » Thu Aug 11, 2016 1:13 pm

Thanks a lot, Jon.
problem solved.
Jon wrote:To apply a background across the entire page and use an image from the workspace, you should probably use something like:

Code: Select all

body
{
   background-image:url("$ws/images/myimage.gif");
}
The "$ws" instructs the system to load the image from the workspace. The images folder can be in the same project as the form that you are running or in any linked project.
0 x


Who is online

Users browsing this forum: No registered users and 13 guests