NetTalk Central
Toggle navigation
Login
Register
×
Welcome,Guest
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
NetTalk Central
»
NetTalk Web Server
»
Web Server - Ask For Help
»
CSS basics
« previous
next »
Print
Pages: [
1
]
Author
Topic: CSS basics (Read 2818 times)
Keith
Sr. Member
Posts: 306
CSS basics
«
on:
December 01, 2013, 08:16:29 PM »
Hi
I started to experiment with CSS to change the look of my application. I made a file CustomT.Css which contained:
.my-quarter-time{
background-color:yellow;
}
This file was in Web/Themes/ui-lightness/.
CustomT.Css was included as a Theme file on Settings/Styles/Files/Theme Files on the Nettalk Extension. I then added 'my-quarter-time' to the CSS tab on a field on a Form (Entry Class).
Compile and run produced a slight change to the look of the element to which I had attached my class (two of the edges of the value box were straight rather than rounded) but the background colour was not changed to yellow. In Firebug I saw this for the element:
<input id="SCE__qtrmile" class="my-quarter-time nt-entry-right nt-entry-readonly" type="text" data-do="imm" maxlength="6" autocomplete="off" style="width: 3.5em;" size="5" readonly="readonly" value="16.67" name="SCE__qtrmile">
</div>
This looked ok because it had my class (my-quarter-time) but in the Firebug Style window I could not find .my-quarter-time
I have obviously not linked this up properly.
Thanks for your help.
Keith
Logged
Clarion 10.0.0 build 12799
NetTalk 9.31
StringTheory 2.65
InsightGraphing 2.27
Stu
Hero Member
Posts: 510
Re: CSS basics
«
Reply #1 on:
December 01, 2013, 08:43:11 PM »
Hi Keith,
I find it a good idea to always run gzipall.bat after any css changes.
Also, you shouldn't need to compile the server to see changes with css.
1. Make the changes.
2. Run gzipall.bat.
3. Hit F5 (or maybe CTRL F5) to refresh page.
Logged
Cheers,
Stu Andrews
Bruce
Global Moderator
Hero Member
Posts: 11250
Re: CSS basics
«
Reply #2 on:
December 01, 2013, 09:56:11 PM »
while playing with Css you probably want to turn off "combining". This makes the edit-test cycle faster.
WebServer procedure, Extensions, Settings / Advanced.
cheers
Bruce
Logged
Keith
Sr. Member
Posts: 306
Re: CSS basics
«
Reply #3 on:
December 02, 2013, 12:55:13 AM »
Thanks Stu,
I ran Gzipall and everything clicked into place. And, of course Bruce, a comment about running the bat file was in the 'Book' but I glossed over it.
I also see now what Gzip is all about.
Thanks, this is a big step forward.
Cheers
Keith
Logged
Clarion 10.0.0 build 12799
NetTalk 9.31
StringTheory 2.65
InsightGraphing 2.27
Print
Pages: [
1
]
« previous
next »
NetTalk Central
»
NetTalk Web Server
»
Web Server - Ask For Help
»
CSS basics