cforms II User Forum

	Current User: Guest	FAQs

cforms II User Forum CSS Styling and Layout Activate Label and List Element IDs

Activate Label and List Element IDs

Page: 1

Reply to Post

Add a New Topic

Post

Guest

Joe

5:54 pm October 30, 2007

Quote and Reply

First I'd like to thank for developing such a great tool. It does what I want it to do.

My profile CS v5.5.2, FireFox 2.0.0.8, XP Pro and the site that I'm working on and testing is

http://protonpals.net/TestBlog/contact-profile

I'd like to tweak some field labels and I read when you support HTML in the fields. I'm wondering if you could show me how or point me to the documentation that will let me change for example, trying to sqeeze "completion date" on one line.

Along with that if I could change the width of several of the data input boxes where at most the patient would be entering 2 digits bPSA 4.2 or 50 etc, and the Age when DX 30 to 100

Would appreciate any help.

Regards

Joe

Admin

Oliver

Munich, Germany

posts 6096

7:20 pm October 30, 2007

Quote and Reply

I noticed that you already resolved 'sqeeze "completion date" on one line'.

bPSA: you could add this to your theme file:

#cf_field_14 {
width:2em;
}

same with the Age: when DX input field.

Since you have quite a bit going on on your form, why not change the form font with:

search: ol.cf-ol li {…

add: font-size:12px; (or even 11px)

And finally, you could add a class to your text-only fields and remove the inline styles:

.newclass {
font-weight:bold;
padding-left:10px;
text-align:left;
}

…and assign this class 'newclass' to your text-only fields using the configuration tool, e.g.

Highest PSA when diagnosed -baseline|newclass

** cforms home page ** donations

Guest

Joe

11:47 pm October 30, 2007

Quote and Reply

Y E S!! What a resonse! Thanks Oliver..

I inserted the font size immediately and that really helped.

Probably some study in CSS would be in order for me. Will need some study on my part for your recommendations on use of field width and the addition of class. How are the W3W tutorials on CSS? Applicable in this area.

Best regards
Joe

Guest

Joe

11:48 pm October 30, 2007

Quote and Reply

Typos I meant to say What a generous timely response.

Thanks again

Joe

Admin

Oliver

Munich, Germany

posts 6096

7:07 am October 31, 2007

Quote and Reply

You're welcome.

There is a lot of good info out there on CSS, on top, something I'm a huge advocate foris the use of Firefox and Firebug – great, great combo to modify your CSS on th fly (just to see how it looks) and then adapt your theme file afterwards.

Also, check out my cforms CSS guide (one of the top posts in this forum.

** cforms home page ** donations

Guest

Willy Foo

10:05 pm December 19, 2007

Quote and Reply

…and assign this class ‘newclass‘ to your text-only fields using the configuration tool, e.g.

Highest PSA when diagnosed -baseline|newclass

How do I use the configuration tool to add 'newclass' to an input field? Looks like it only works for the text field now, the text after the | is taken as regular expressions for the required field. It would be great if another | can be added for custom class after that

Admin

Oliver

Munich, Germany

posts 6096

10:13 pm December 19, 2007

Quote and Reply

That's what the list item ID's could be used for. Simply reference your input file with:

li.#LISTITEMID input { your styles }

In the next release the user will be able to choose whether the input fields ID and NAME attribute are generic (cfx_field_y) or derived from the actual field label. E.g.:

now: <input id="cfx_field_y" name="cfx_field_y" …

v6.6: <input id="your_name" name="your_name" …

** cforms home page ** donations