Custom Form Styles

Discussions pertaining to programming of backend systems and released UNL template code.

Custom Form Styles

Postby afrederick1 » Thu Apr 15, 2010 3:12 pm

I'm trying to modify the style of my forms -- specifically, the color of the borders of text and radio inputs. (I'm using a table within a form, and the right and bottom borders are colored white, and alternating rows of the zentable are white, and so the borders of text and radio inputs do not show up well in the white rows.

I've tried everything I can think of to modify the border style of these form elements, including the modification of the template file form.css. Nothing has any effect, which I can't really understand.

Here's the page I'm working on:
http://scimath.unl.edu/primarilymath/eval2010.php

I'm modifying this style in forms.css:

#maincontent form.cool input,#maincontent form.cool textarea,#maincontent form.cool select
{
width: 300px;
border: 1px solid #ccc;
border-color: #aaa #ccc #ccc #aaa;
padding: 3px;
margin: 4px 0;
}

I changed border-color from #ccc #fff #fff #ccc to what you see above. But it has had absolutely no effect. That class of the form I am trying to change is "cool", of course.

Not that I actually want to have to modify the forms.css file. I want to redefine the style within the page that contains the form. But when nothing I tried had any effect, I thought I would go to the source just to try to get a bead on what I how I would need to define the style on my page. But since even modifying forms.css has no effect, I'm pretty well stuck.
afrederick1
 
Posts: 4
Joined: Fri Oct 03, 2008 12:03 pm

Postby bbieber2 » Thu Apr 15, 2010 4:50 pm

I think this is just a simple issue of editing the wrong file.

Your changes are in:
http://scimath.unl.edu/wdn/templates_3. ... /forms.css

But your page references the old forms.css:
http://scimath.unl.edu/ucomm/templatede ... /forms.css

Update the reference to /wdn/templates_3.0/css/content/forms.css and I think all will be good!
bbieber2
 
Posts: 58
Joined: Mon Nov 05, 2007 1:28 pm

Thanks!

Postby afrederick1 » Thu Apr 15, 2010 5:27 pm

Good catch. Thanks! (That also now lets me override the "cool" style within my page, rather than having to modify forms.css.)
afrederick1
 
Posts: 4
Joined: Fri Oct 03, 2008 12:03 pm

Postby smeranda » Fri Apr 16, 2010 9:22 am

New, themeable form styles are in the process of being developed as well. Feel free to kick the tires and provide any feedback:

http://wdn.unl.edu/wdn/templates_3.0/css/content/zenform.css

Thanks!
Seth Meranda
User Experience Architect
University Communications
(402) 472-8513
seth@unl.edu
smeranda
 
Posts: 111
Joined: Tue Apr 05, 2005 2:34 pm
Location: University Communications


Return to Coding

Who is online

Users browsing this forum: Bing [Bot] and 1 guest

cron