How to make fixed header?

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

How to make fixed header?

#1

Postby t4nu » Thu Jan 28, 2016 7:48 am

Hi,
I want to create a fixed header, that is not move when the page is scrolled.
How to do it?
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 Jan 28, 2016 10:10 am

Add a Panel Control at the top of the page, then right click on this and select Style, click the Advanced Properties button, expand the dialog (click on ...) then add inline style or classes with CSS something like this:

Code: Select all

position:fixed;
top:0px;
left:0px;
width:100%;
color:#CCC;
background:#333;
padding:20px;
position:fixed is the important part.
0 x

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

#3

Postby t4nu » Thu Jan 28, 2016 10:46 am

Thank you
Jon wrote:Add a Panel Control at the top of the page, then right click on this and select Style, click the Advanced Properties button, expand the dialog (click on ...) then add inline style or classes with CSS something like this:

Code: Select all

position:fixed;
top:0px;
left:0px;
width:100%;
color:#CCC;
background:#333;
padding:20px;
position:fixed is the important part.
0 x


Who is online

Users browsing this forum: No registered users and 6 guests