Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: TUTE: Styling your RSForms

Re:TUTE: Styling your RSForms 16 years 1 month ago #2123

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Ok, for your problem, to get rid of the the pop up box with empty text just remove the <span></span> tags. There won't be any box at all then.

As for the security code. You won't be able to fix. Even on my form, I can't fix this...though I've never really tried. Check out the Screenplay Submission form on my site. You'll see mine is the same way.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2124

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
mrwild wrote:
I tried the tutorial but but onluy half of it styled properly........The css is the same for all... any ideas???........
thanks

irelandcomputertraining.com/index.php?op...=com_forme&fid=2
irelandcomputertraining.com/index.php?op...1<br><br>;

I took a look at your code and your syntax is wrong. Double check your syntax.

There is a space between div and class.

You need to be carefull of your syntax. Coding is case sensitive and space sensitive. Remove a space or put a space in the wrong place and your code won't work correctly.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2125

Hi dniezby, really appreciate your kind answer and I am a css newbie. I will try to correct my forms according to your instructions.
The FORM STYLE code is:
<div id=\"myform\">
<fieldset>
<legend>{formtitle}</legend>
<form name=\"{formname}\" id=\"{formname}\" method=\"post\" action=\"{action}\" {enctype}>
<div>
{formfields}
</div>
</form>
</fieldset>
</div>

The field's code for each field is:
<div class=\"links\">
<a href=\"#nogo\"><label>{fieldtitle}<font class=\"required\">{validationsign}</font></label>
<span>{fielddesc}</span>
</a>
{field}
</div>

BTW, I am trying to build a site with joomla 1.5. The link field of a menu item cannot be changed (uneditable). So I am wondering rsform can only work with a External Link type menu item at the moment? I tried to use two new menu items to click rsfrom in the menu type list and It didn't expand to show forms. I also tried to give menu items the id numbers created from rsform but couldn't make them work. The only way for rsform I found is to use a extenal link type menu item. Do you have any better idea for this?

Thank you very much indeed.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2126

Hi dniezby, really appreciate your kind answer and I am a css newbie. I will try to correct my forms according to your instructions.
The FORM STYLE code is:
<div id=\"myform\">
<fieldset>
<legend>{formtitle}</legend>
<form name=\"{formname}\" id=\"{formname}\" method=\"post\" action=\"{action}\" {enctype}>
<div>
{formfields}
</div>
</form>
</fieldset>
</div>

The field's code for each field is:
<div class=\"links\">
<a href=\"#nogo\"><label>{fieldtitle}<font class=\"required\">{validationsign}</font></label>
<span>{fielddesc}</span>
</a>
{field}
</div>

BTW, I am trying to build a site with joomla 1.5. The link field of a menu item cannot be changed (uneditable). So I am wondering rsform can only work with a External Link type menu item at the moment? I tried to use two new menu items to click rsfrom in the menu type list and It didn't expand to show forms. I also tried to give menu items the id numbers created from rsform but couldn't make them work. The only way for rsform I found is to use a extenal link type menu item. Do you have any better idea for this?

Thank you very much indeed.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2128

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
For a menu item to open a form, you need to create a NEW>LINK URL>link to form (available in your admin page.)

As for your code, it looks fine. I believe it was you that was asking about the helper text box? Just remove the <span>{fielddesc}</span>

if you won't be using any helper text.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2145

  • mrwild
  • mrwild's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
Hi .
Id like to be able to put a border around the input fields.
Also to have an orange colour in the background of the input box.
but when the user clicks on the input box it changes to a very light grey.

I have no idea what is wrong with my code
I added this to the rsform css file
irelandcomputertraining.com/index.php?op...=com_forme&fid=2


#rsform input {
border: 1px solid #EEEEEE; /* Whatever color you want */
color: #808080; /* This will color the text */
font-weight: bold;
font-family: \"Lucida Grande\" ,Verdana,sans-serif;
height: 1.1em;
padding-left: 30px;
padding-top:6px;
width: 300px;
font-size: 1em;
vertical-align: middle;
text-decoration: none;
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2146

Hi guys...

Stupid question alert!!! :blink:

I understand the CSS part of the tutorial but i cannot get the style sheet to link. to the new 'my_rsform_styles.css' The tutorial says to place this line @import url(my_rsform_styles.css); into the template_css.css and upload the file to the css directory.
<Stupid question>
@import url - do i use that exact phrase or do i use the url of the form (and if so do i use the @). Either way - I can't get it to work
</Stupid Question>

Sorry for being daft.
Iain
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2149

  • ultraky
  • ultraky's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
+1 on this.

Also, do I put that import statement on any line of my template.css?
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2151

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
mrwild wrote:
Hi .
Id like to be able to put a border around the input fields.
Also to have an orange colour in the background of the input box.
but when the user clicks on the input box it changes to a very light grey.

I have no idea what is wrong with my code
I added this to the rsform css file
irelandcomputertraining.com/index.php?op...=com_forme&fid=2


#rsform input {
border: 1px solid #EEEEEE; /* Whatever color you want */
color: #808080; /* This will color the text */
font-weight: bold;
font-family: \"Lucida Grande\" ,Verdana,sans-serif;
height: 1.1em;
padding-left: 30px;
padding-top:6px;
width: 300px;
font-size: 1em;
vertical-align: middle;
text-decoration: none;

I took a look at your form and you have more than one problem.

Save a copy of your CSS file as .txt and upload a copy here.

Then I need to see what you've put in your FORM STYLE BOX.

It should look exactly like this (and FOR EVERY FORM using my style technique) :
<div id=\"rsform\"> /* Whatever name you've used for your form id */
<fieldset>
<legend>{formtitle}</legend>
<span class=\"instructions\">What instructions you want.</span>
<br/>
<form name=\"{formname}\" method=\"post\" action=\"{action}\" {enctype}>
<div>
{formfields}
</div>
</form>
</fieldset>
</div>


You have a setting for border, just change the width and colors as you see fit.

As for changing the background color when someone is in the input box, there are two ways.

Use an onFocus event
Use the focus sub-class. (may not work in IE) - Yet people still use IE??? Strange.

Either way, you need to create a new class.

If you're going to use the sub-class the attribute is written like this :
#rsform input:focus{ 
background:#cccccc;
color:ff6600;}
}

New versions of IE might not support it but I say, let those people suffer and miss out on the beauty of CSS.

To use a onFocus event you still need to create a new class but this would be a regular class.
#rsform input.myhoverstyle {
background:#cccccc;
color: ff6600;
}

Then enter this in the
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2152

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
TheFlyingKiwi wrote:
Hi guys...

Stupid question alert!!! :blink:

I understand the CSS part of the tutorial but i cannot get the style sheet to link. to the new 'my_rsform_styles.css' The tutorial says to place this line @import url(my_rsform_styles.css); into the template_css.css and upload the file to the css directory.
<Stupid question>
@import url - do i use that exact phrase or do i use the url of the form (and if so do i use the @). Either way - I can't get it to work
</Stupid Question>

Sorry for being daft.
Iain

It's not a stupid question. Isn't it said that the only stupid question is the question that is not asked?

Now, for your answer:
It's my guess that you didn't upload YOUR my_rsform_styles.css file to the same directory as your template_css.css file.
If you didn't you need to. The problem seems to be that it can't find the file.
Your syntax is correct, that's what leaves me to this conclusion.
@import url(name_of_file);
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2154

HI Dave,

Many thanks for your quick response. I have placed the file in the same directory and placed this line at the bottom of the template_css.css file.
/*Rs FOrms*/
@import url(my_rsform_styles.css);

i checked the name and the file itself but nothing happens. No error message and no action. :(
Cheers
Iain
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 month ago #2160

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I think it has to be at the top of your template CSS file. I've never tried it anywhere else.

Seems strange.

There doesn't seem to be a reason. What is your website?
I see if I can find anything from the front end.<br><br>Post edited by: dniezby, at: 2008/02/27 16:21
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 4 weeks ago #2184

  • mrwild
  • mrwild's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
Thanks for the reply.
Heres the css file::::


/* CSS Document */

/* This section will style the box where the form title appears. */
#myform legend {

}
#rsform input {
border: 1px solid #EEEEEE; /* Whatever color you want */
color: #808080; /* This will color the text */
font-weight: bold;
font-family: \"Lucida Grande\" ,Verdana,sans-serif;
height: 1.1em;
padding-left: 30px;
padding-top:6px;
width: 300px;
font-size: 1em;
vertical-align: middle;
text-decoration: none;
}
/* This section will style the form's framing. Also known as the fieldset. */
#myform fieldset {
width: 80%;
border: 1px solid ;
border-left: 8px #3366cc solid;
border-top: 1px #3366cc solid;
border-bottom: 1px #3366cc solid;
border-right: 1px #3366cc solid;
padding: 10px;
color: #ffffff;
background-color: #666666;
}
/* This section will style the field labels */
#myform label {
float:left;
color: #cccccc;
width: 100px;
margin-right: 12px;
text-align:left;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* This section will style any required text fields */
#myform .required {
text-decoration:none;
font-size: .9em;
font-weight: bolder;
color: #FFffff;
}
/* This section will style any instructions you wish to add to your form */
#myform .instructions {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: yellow;
line-height: 150%;
}
/* Add a little padding to the divs in general */
#myform div {
padding: 10px;
}
/* This section will create the help box display event */
#myform div.links a {
text-decoration: none;
color: #ffffff;
}
#myform div.links a:hover {
cursor: help;
color: #ffffff;
}
#myform div.links a:visited {
color: #ffffff;
}
#myform div.links a span {
display: none;
}
/* Here is our mighty help box display. Making changes here will change the look of the actual display of the
help text */
#myform div.links a:hover span {
display: block;
position: absolute;
left: 560%;
width: 200px;
border: thin #ff0000 solid;
padding: 8px;
margin: 8px;
z-index: 100;
color: Black;
background: #FEFF86;
font: .9em Verdana, sans-serif;
text-align: justify;
text-decoration: none;
top: auto;
bottom: auto;
}
Now save the file as my_rsform_
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 4 weeks ago #2185

  • mrwild
  • mrwild's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
And here is the form style:

<div id=\"myform\">
<fieldset>
<legend>{formtitle}</legend>
<form name=\"{formname}\"id=\"{formname}\" method=\"post\" action=\"{action}\"
{enctype}>
<div>
{formfields}
</div>
</form>
</fieldset>
</div>
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 4 weeks ago #2187

  • mrwild
  • mrwild's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
Ok Ive implimented the changes...Great stuff. The backgrounds and borders can now change colour. The only problem now is that it seems the text area and the text box are not formated in the same way............. they seem to use the standard template file......
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 4 weeks ago #2199

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Syntax ....

Look at your input statement.

You have the wrong id name in your CSS file. You have #rsform and the the actual ID of your form is #myform.
Change #rsform to #myform
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2227

I have followed the TUTE and have the form showing on my site with the styling, but there are two issues:

1. the radio buttons are all in a line and the labels overlap each other on one line - how can I make them list down the page?
2. the help box does not appear - I just get a '?' in IE7 (and nothing at all in Firefox)

I have attached my css file

otherwise this is a neat change that makes the form look great

Attachment my_rsform_styles.txt not found

<br><br>Post edited by: youngwilly, at: 2008/03/02 20:21
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2236

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Nothing seems wrong with your CSS, it's my guess that you didn't enter the field codes correctly.
Look above this message and copy the code into EACH field you have listed.

Now, as for the checkboxes, I haven't worked with them to work out the CSS so you will have to experiment with the CSS to get it to what you want. I would work on it but I'm a little too tied up for a bit. You may even want to just leave the check box options alone so that it uses the default tables to align the boxes.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2239

OK thanks for the reply. I have tried this code in the field style box (which I picked up from another post) and it has worked pretty well (the field Id is \"type\") - also had more breaks to move following fields down the page.
<strong>{fieldtitle}</strong><br>

<span class=\"type\" style=\"white-space: nowrap\">
<style>.radiotype{float:left;clear:both}</style>

{field}{fielddesc}</span>
<br><br><br><br><br><br>
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2241

dniezby wrote:
There doesn't seem to be a reason. What is your website?
I see if I can find anything from the front end.<br><br>Post edited by: dniezby, at: 2008/02/27 16:21[/quote]

Hi dniezby,

You're a busy man on the forum. Thank you very much for your time and effort. I was testing RSForm on a local server and simply could not get the changes to take - this is a deal breaker for me if I can't get it too work :S so I replicated teh site and created a development area so other people could see if they could find a reason. COuld I trouble you to have a look at my test form here and see if you can see anything.

Many thanks
Iain
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2243

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Hey, you did something I didn't even try before. A tabbed form? Cool.

That might be one thing that is hurting your form style.

Iain, to help you I would need access to your admin area. I will register there and you assign me the permission of Admin...Not superadmin just a regular admin. Then I should be able to look at your form set up and see what's going on.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2252

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Which form are you trying to style cause you have a few forms with the same name?

I looked at all of them and none of them are coded with code from my tutorial.
I don't see any classes in any of your form fields.

You need to create add my code to each of the form fields.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2282

Ha Ha!!! got it to work. Boy what a muppet - it's amazing what can be achieved when you read the instructions :lol: The problem was that I hadn't added the for code to the actual form!!!

diezby, you are a gentleman and a scholar and I am most grateful for all your help. THank you very much (and you are totally right - it is important that I fixed the problem to so I could understand it).

Thanks again
Iain
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2284

  • Leo
  • Leo's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Is their a way to align two fields on a row.
Now it is all verticaly aligned but in some cases i need to have 2 fields on a row.

How do i have to do that? Any suggestions??
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 3 weeks ago #2293

Leo wrote:
Is their a way to align two fields on a row.
It's tricky, but do-able.

What you need to do is open the div tag that encloses your row (in the case of dniezby's example it is the links class) at the beginning of your first field's Field Style code, and close that div at the end of your second field's Field Style code.

Then, you would have to enclose both of those fields in either spans or left-floating divs, so they sit side-by-side on the same row, rather than jump to the row below (like a line break would).

Hope that helps,
Cheers
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2381

I'm updating this post, having resolved one major issue in the course of posting and then editing it .

The person I am doing this for is running Joomla 1.03
rsforms 1.0.4
Apache version 2.2.6 (Unix)
PHP version 4.4.7
MySQL version 5.0.45-community-log

I trying to dress up a simple contact form so that it approximates this earlier contact form.
intemarket.com/index.php?option=com_contact&Itemid=3

I'm on my second try, having already gotten the basic form functionality working the first time with no problems, but wanting to dress it up so so I went through your tutorial and discussions. But the fields were not lining up in the right order or aligning properly on the page, and the hovering help didn't work. So I gave up and tried zANavAShi's tutorial thinking I might have more luck. But that didn't work either, which we decided might be because it was written for 1.5.

So today I uninstalled RS Forms, reinstalled it and and started over, following your directions (I thought) very carefully)

Per your tutorial I have created a file called my_form_styles.css, (your original file with a couple of size and color changes, to which I (later) added input boxes (per one of your posts) which I uploaded it to the same directory where template_css.css is located, and referenced with from within the latter as follows:

@import url('my_form_styles.css');

I replaced the code in the form style box on the form in question with your code - later adding instructions as well as I worked my way through your posts in search of answers.

I left the general field style box on that page alone as you indicated the individual pages would override it, but later deleted it and allowed it to recreate itself with the same results in both cases. In the meantime I had pasted your field style code into each one of the individual field style boxes.

I will attach a zip with two text files with code from my css pages, and a screen grab of what I am currently seeing

Since my original post I found and corrected one naming convention error and solved part of my problem. But as you can see from my picture, the stuff that that should be at the top of the page is inside the box at the bottom of the page, and the titles and fields are not lining up properly.

Any help you can provide would greatly be appreciated.
Lee

attachments are in a zip file in a subsequent post as I'm afraid this will time out on me again.

Post edited by: leeonardo, at: 2008/03/11 23:34

Post edited by: leeonardo, at: 2008/03/11 23:35<br><br>Post edited by: leeonardo, at: 2008/03/11 23:58
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2382

trying again on the file uploads putting all three files into a zip file
Lee

Attachment rsformScreens.zip not found

Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2383

correction. I did just find one freshman error in the course of editing my posting. I had a naming error on my css reference which I have now corrected, which has made a difference. I will now continue to work with the program.

What I still don't understand however, is why things are in the wrong order.

I don't understand why are things I moved up to the top when I ordered the items showing up at the bottom.

Here is a revised screen grab.

Attachment ScreenHunter_02_Mar.zip not found

<br><br>Post edited by: leeonardo, at: 2008/03/11 23:48
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2384

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
First, you're about 10 updates behind if your Joomla is 1.0.3
The current release is 1.0.14
You should update your files.

Now, for the CSS stuff...

If it's not working check your syntax. It took me about two seconds to find your syntax errors.

Make sure there are no spaces between attribute:value;
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2385

sorry I meant 1.0.13
I will update but I don't think that's the issue.
where should I look for this attribute error? on the css pages or on the form or both? I did find one before, but have already looked pretty carefully

I have attached a revised zip file. Am not very proficient with css (learning as I go) so stuff you take for granted I may need explained.

Thanks very much for the quick reply and your willingness to help people like me.
Lee

Attachment leeonardoForms2.zip not found

<br><br>Post edited by: leeonardo, at: 2008/03/12 00:11
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2386

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
look in you
#myform input statement
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2387

if you mean here I don't see anything

<div id=\"myform\">
<fieldset>
<legend>{formtitle}</legend>
<span class=\"instructions\">complete this form ONLY for consideration submissions. Coverage service sumbmissions please use out coverage service form.<br><br>
Mouse over the field label for help.
<br>
<form name=\"{formname}\" id=\"{formname}\" method=\"post\" action=\"{action}\" {enctype}>
<div>
{formfields}
</div>
</form>
</fieldset>
</div>
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2388

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
No, in your CSS file.
Look at your #myform input statement.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2389

thanks! I did find some garbage (breaks) that somehow got pasted in there that I missed, and opened up some attribute spaces like you said, and can now see the test message I added to the form style, so I'm making progress. I'm sure I can make some more color and space adjustments based on what has just been fixed. But I still don't understand why the free text I wanted to put at the top is showing up in the box instead of the text fields, and why that is at the bottom of the page. That's not the way I have them ordered.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2390

that's funny my last quick update didnt go thru

??actually I'm seeing a space between all my attributes and values on the my_form_styles.css, which is surprising because I copied and pasted. But I will go through and adjust them all and see what that does.

well I took out all the spaces but don't see anything else change. Will keep noodling with it and see if I can figure out anything else.<br><br>Post edited by: leeonardo, at: 2008/03/12 00:58
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2391

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Well, it's probably your editor.
What did you use to create the CSS file?
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2392

no css editor per se. I tightened it up by hand, and created it originally just copying and pasting text from your pdf and then from this forum into the text document. I'm trying to remember if any of it passed through a word processing program, as that might have mucked it up. Just to be sure I'm going to pull it down, save it as raw text, and put it back up.

ok, did that, which unfortunately made no difference.<br><br>Post edited by: leeonardo, at: 2008/03/12 01:37
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 2 weeks ago #2413

getting rid of the instructions code in the css resolved some of my issues.

I resolved the rest by just killing all the freetext blocks and adding the info in them to the file style block. I see there are additional posts re working with free text that may be relevant but I was out of time. Will look further at some point. Also noted they were written by Alex so I don't know if they reflected the approach here of using cms for layout.

still wondering why as I added more text some items dropped out of the bottom of the fieldset. I see how to control width but not height.

I appreciate the efforts of those who have contributed documentation for this extension. I hope eventually there will be a more comprehensive guide for formatting, and more capabilities built in.
Lee
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 week ago #2443

  • brflem
  • brflem's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
Hi folks - Any help gretaly appreciated just to get the sample working-

brianflemingllc.com/contact-us-mainmenu-3.html

/ templates / rt_synapse / css / is where I created the file

template/css is where I dropped in the link to the file

created three fields

this is what I am seeing - do I have the files correct? are they in the right place?

Any help appreciated. Thanks

Brian
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 16 years 1 week ago #2454

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
You have some of it correct but not all of it.

Read the tutorial carefully. I have yet to see anyone have a problem other than typos.

Since some of the styling is appearing, I would say that it's safe to say that you have linked the file correctly.

The problem you're having is that you've most likely got a syntax error in your form field's style. Specifically, the \"label\" attribute.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2559

  • thales
  • thales's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Hello,

I am a noob so please excuse in advance any questions I may ask which are probably common knowledge for Joomla developers. I have managed to work my way around issues developing a site here at www.parosproperties.com and implemented RS Form and was looking a way to fix the style it generates. I was having a crowding issue which I tried to find in the css but could not.

When I found your tutorial, I followed it I believe and uploaded the stylesheet to the css folder where template_css.css is located, then added the line of code of @import url(my_rsform_styles.css); to template_css.css and tried to see if it changed the form and it did to some extent. You can see below the fields I applied the code to and the others I have not.

www.parosproperties.com/index.php/compon...com_forme/Itemid,74/

However, the spacing is not able to be mofied and it seems as though any changes I make to the my_rsform_style.css is not reflected other than the box around the fields. :blush:

Any ideas why? Is there something in my template that is making this happen from the template_css.css file? or human error?

Any help is appreciated.
Thales
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2560

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
The problem is in your syntax. I can't tell you for sure but that is ALWAYS the problem when someone's form ends up like yours.

You've got something out of place or not in there at all.

Double check your code.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2564

  • thales
  • thales's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Ahh,..I had the code for the template linking in the template_css.css in but not at the top like you suggested. Now it is working and I came across an issue with radio buttons and checkboxes as you can see here:

www.parosproperties.com/index.php/compon...com_forme/Itemid,74/

I noticed another posting where this is discussed and the following code was provided to fix the issue I believe. It was as follows:

<strong>{fieldtitle}</strong><br>

<span class=\"roomrequested\" style=\"white-space: nowrap\">
<style>.radiotype{float:left;clear:both}</style>

{field}{fielddesc}</span>
<br><br><br><br><br><br>

Is there an update in dealing with radio buttons and checkboxes with this template?

Thanks,
Thales
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2639

  • Mannie
  • Mannie's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
i am trying but i don't understand this at all.
What i have now is this www.jakobskruiskruid.com/website/index.p...=com_forme&fid=1
but what i actually need to make is a form that looks more like this www.jakobskruiskruid.com/Enquete/enquete.html
i guess i need a little bit of help here
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2643

  • Mannie
  • Mannie's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
i stubled upon the same problem with checkboxes. Hope the is a solution for this before i buy a license i want to know i can have a nice lookin form.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2648

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
For checkboxes, where I need more choices than 1 I use Select boxes instead. This will alleviate format issues for now.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2682

  • Mannie
  • Mannie's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
I'm getting a but further now, but there is still one thing. There is a question on the form that is more a sentence if you know what i mean, problem now is it will put that under eachoter while it needs to be one line. I allready changed the margin-right: in the css to 300px; but that still doesn't solve it. How can i get that on one line. It's the last one on the form here www.jakobskruiskruid.com/website//index....=com_forme&fid=1

thanks in advance

Nevermind, wasn't the margin but the width i needed to adjust. Need to wake up first i guess ;)<br><br>Post edited by: Mannie, at: 2008/04/09 11:02
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2703

Has anyone had a problem with the mosforme mambot/plugin killing the style? When i test a form with a direct link to the form it displays perfectly. however when i \"embed\" the form in content using the mambot - all the styling disappears!! :dry:

any thoughts?

Thanks in advance
Iain
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2724

  • thales
  • thales's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
What about the nee for multiple selections? ie, I have a choice selection for \"Ministries interested in servering: With the options of: Band, Choir, Tech, etc.

What if a person wants to choose more than one box? Is there a bug with this that cannot be fixed?
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2729

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I haven't experienced this problem with the Mambot. Mine works fine.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2730

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
For multiple selection items I use a select box.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2738

dniezby wrote:
I haven't experienced this problem with the Mambot. Mine works fine.

good to know Dave, cheers
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2803

Hi guys,

I have a very useful Joomla based site up and running - on top of this I wanted forms access, and so looked at RSFORMS, bought it and created my first form - all good - then I saw this trail and thought - cool !!

I am still learning and so am sure this is my mistake, but have the following issues:

1) help is not working correctly - see first field - help is next to field text.
2) fields are aligned incorrectly



What have I done wrong here ?

thanks

Steve

Post edited by: scouserman, at: 2008/04/23 18:39<br><br>Post edited by: scouserman, at: 2008/04/23 18:43
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2806

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I could not tell you without looking at your Form's Style or your Field's Style.
From the looks of it, it would definitely appear that you've got a problem in your syntax. There are only two places where code goes in RSForm. In the Form's Style and the individual field's style. You have to add the styling in each individual field's style box as noted in the tutorial.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2808

Thanks for trying to help with this.....I'm a bit flumoxed....

This is the field level code:

<div class=\"links\">
<a href=\"#nogo\"><label>{fieldtitle}<font class=\"required\">{validationsign}</font></label>
<span>{fielddesc}</span>
</a>
{field}
</div>

in each field

and this is the form level code:

<div id=\"myform\">
<fieldset>
<legend>{formtitle}</legend>
<form name=\"{formname}\" id=\"{formname}\" method=\"post\" action=\"{action}\" {enctype}>
<div>
{formfields}
</div>
</form>
</fieldset>
</div>

and here is the file:

Attachment Problem.zip not found

<br><br>Post edited by: scouserman, at: 2008/04/24 01:20
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2810

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Hmm, try taking out the form ID=\"{formname}\"

I think it's getting confused. I noticed that I don't have the id=\"{formname}\" in any of my forms.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2816

Hi,

I tried that and it has made no difference. It doesn't help I guess that I'm fishing a little bit in the dark here...I've worked in IT for 20 years but moved into sales and so am only good enough now to be dangerous when it comes to code ;)

Would the global stylesheet be overriding any of the local settings for RSFORM ? It seems to me that a lot of the CSS settings are just not being applied eg your CSS includes the blue colour as here

border-left: 8px #3366cc solid;
border-top: 1px #3366cc solid;
border-bottom: 1px #3366cc solid;
border-right: 1px #3366cc solid;

just does not seem to be being applied, and yet it has put the frame around the form. Interesting....

Can I give you admin rights to review the code?

Steve
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2817

Hi,

I tried that and it has made no difference. It doesn't help I guess that I'm fishing a little bit in the dark here...I've worked in IT for 20 years but moved into sales and so am only good enough now to be dangerous when it comes to code ;)

Would the global stylesheet be overriding any of the local settings for RSFORM ? It seems to me that a lot of the CSS settings are just not being applied eg your CSS includes the blue colour as here

border-left: 8px #3366cc solid;
border-top: 1px #3366cc solid;
border-bottom: 1px #3366cc solid;
border-right: 1px #3366cc solid;

just does not seem to be being applied, and yet it has put the frame around the form. Interesting....

Can I give you admin rights to review the code?

Steve
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2821

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I can take a look at it. Yes, you can give me admin rights.
I need the url to your site so I can register. Then you need to change my user access to BackEnd Admin, NOT SUPER ADMIN
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2822

Take a look at plateau-europe.com then - this is a live site for our International partners.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2823

Just gone back into the form and it has changed - maybe that last change did fix it a bit - however while the frame is better the data fields have now gone really strange as you can see:



Looks like the CSS updates have taken now - I'll look at the color code for the text - maybe it's just set to white on white background and now it's taken.....
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2825

Ok - getting there now - changed the whites to black in the CSS and it has got the text. However three issues remain:

1) Alignment is not right - you can see this in the last screen shot
2) More general - how can I increase the width of the data elements?
3) The submit and reset buttons have thier wording outside the button and button itself is not actually working correctly. I can try to delete and recreate these buttons.....

Steve
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2826

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Ok, from the image I can tell you that the problem is definitely in your CSS.

Here are some settings you will want to change / add. In #myform label
make these changes:

change the width to 120px;
Change color: #ffffff; to color: #000000;

that should do it but make those changes and see what other issues may present.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2828

Thanks for the continued help - I edited the CSS and changed the text colors and other stuff. I have attached what I am getting now...

Attachment problem.zip not found



So any idea what is causing the moving across the screen? It seems to have set properly with the \"decision process\" field?

Also I have issues with the buttons? They look like this:



Shouldn't the words be inside the buttons?

thanks

Steve

Post edited by: scouserman, at: 2008/04/24 20:34

Post edited by: scouserman, at: 2008/04/24 20:36<br><br>Post edited by: scouserman, at: 2008/04/24 20:37
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2830

As per other trail buttons are fixed - thx...

Just have to fix the sliding of the fields across the screen now.....I'll carry on testing tonight but any ideas what is causing this?

Thanks

Steve
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2832

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Do you mean \"thread\" ? Where you're saying \"Trail\" ?

I also don't understand what you're trying to say with \"sliding of the fields across the screen\" . They look fine to me here.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2833

Duh - thread......

This is what I mean.....by the fields....



Why do some field labels not start on the left ? Yet other text areas are correctly aligned ? The code is the same at field level as I copied and pasted the code from one to the other.

Thanks

Steve
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2834

I've fixed this last one with line breaks - however the line break spaces the data field lines out quite a lot.....I put this into the fieidl code and it fixed the problem - but obviously I have gaps now...

<div class=\"links\">
<a href=\"#nogo\"><label>{fieldtitle}<font class=\"required\">{validationsign}</font></label>
<span>{fielddesc}</span>
</a>
{field}
</div><br>

Regards

Steve
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2836

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I think some of the problem is being caused by the long labels.

If 150px isn't working correctly, go to 200px width under the \"label\" attributes.
You may also want to check your form's width itself. I see it's at 80%... Change that to like 90% (before the label)
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 11 months ago #2856

That did not fix it - as you can see the form is working - but if I do not use the <br> to break a line then the layout is as I showed you with the text for the next line appearing under the data element of the previous line. Really weird. I tried altering the field label width to 200, reducing the data element size, and no matter what I do it still has this issue unless I put a <BR>.

One other clue - the data area works fine - that does not need the <BR>. As you can see below.



Any other thoughts or anything I can supply?<br><br>Post edited by: scouserman, at: 2008/04/28 08:41
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #2918

  • don
  • don's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
First of all I'd like to say thank you to dniezby for providing a great tutorial.

I've been working through the guide and have managed to produce a pretty decent looking form. However I'd now like to be able to display the field labels above the text fields and can't seem to find an easy way of doing it without affecting the form styling. I tried changing the float position of myform label, but it didn't have the desired effect, and likewise tried to configure the field style using some script I found on the forum, again without much luck.
I'd be grateful if someone could give me a steer as to where I'm going wrong and hopefully provide me with a solution.

Cheers
don
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #2920

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I would try adding a new set of divs.

Put your {label} in it's own set of divs and see if that works.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3011

  • michele
  • michele's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Hi dniezby,

First of all, many thanks for your great tutorial! :cheer:

Can you please help with two little problems:

1. Captcha and Submit are not aligned. Submit button is weird.

I tried adjusting the input in CSS file per your other post.
Must have missed something, because it blew out the whole layout.

2. How do I create Sections like your Screenplay form?
The Contact Data and Material Data.

Here is our Form:

http://www.nannymama.com/index.php?option=com_content&task=view&id=14&Itemid=20

Thank You!

Post edited by: michele, at: 2008/05/21 16:26<br><br>Post edited by: michele, at: 2008/05/21 18:17
Attachments:
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3019

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
michele wrote:
Hi dniezby,

First of all, many thanks for your great tutorial! :cheer:

Can you please help with two little problems:

1. Captcha and Submit are not aligned. Submit button is weird.

I tried adjusting the input in CSS file per your other post.
Must have missed something, because it blew out the whole layout.

The submit button is weird most likely because you've put the label text in the wrong spot on your set up. Leave the label blank and put the text you want on your button in the \"default\" text box.

Since I can't see your admin, it's my guess that you forgot to put in the extra DIVs or didn't create the new class as I had mentioned in the other post.

Double check your code. Syntax problems are 99% of the issues.


2. How do I create Sections like your Screenplay form?
The Contact Data and Material Data.

Look at the class I created called, \"sectionheader\"
Put the text you want in a set of DIVs and give it that class.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3021

  • michele
  • michele's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Thanks for the quick reply Dave!

The Submit button label text is in the default box, exactly where it should be.

I keep going over the old post and it's not making sense to me.
Sorry, I am a CSS newbie.

Can you please explain in more detail...

Captcha: the text that goes in the CSS
Captcha: the text that goes in the Captcha Field Style

Submit button: the text that goes in the CSS
Submit button: the text that goes in the Submit Field Style

I really appreciate any help you can provide. :)

Michele<br><br>Post edited by: michele, at: 2008/05/22 17:21
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3025

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
You create a new legend section. Here is an example of my \"first name\" field.
&lt;legend class=\&quot;nsFormSection\&quot;&gt;Contact Data&lt;/legend&gt;
&lt;br/&gt;&lt;br/&gt;
&lt;div class=\&quot;links\&quot;&gt;
&lt;a href=\&quot;#nogo\&quot;&gt;&lt;label&gt;{fieldtitle}&lt;font class=\&quot;required\&quot;&gt;{validationsign}&lt;/font&gt;&lt;/label&gt;&lt;span&gt;{fielddesc}&lt;/span&gt;&lt;/a&gt;
{field}
&lt;/div&gt;
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3026

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I see you figured it out. Sorry, I couldn't get back to you sooner.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3029

  • michele
  • michele's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Dave, I still can't figure out the Captcha and Submit button styles.

Can you please post this...

Captcha: the text that goes in the CSS

Captcha: the text that goes in the Captcha Field Style

Submit button: the text that goes in the CSS

Submit button: the text that goes in the Submit Field Style

Thanks!
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3051

  • michele
  • michele's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Can anyone here please help me style the Captcha and Submit fields?

Thanks!
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3055

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Michelle,
I already told you that your code is wrong. Go back to your CSS file and fix the .captcha class. You didn't follow the tutorial correctly. It should be this:
.captcha { margin-left: 170px;}

Not what you have now.
As for your button, also check your syntax.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3056

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I also took a look at it again.

Your syntax is still wrong.

Problem one is that you don't have the class set up correctly. You're missing a period. You have \"#myform captcha\" when it MUST be \"#myform .captcha\" That's one reason your styling won't apply to the field.

Second, you have a lot of extra styling that is unnecessary. All you need in the captchs class is the \"margin-left\" parameter. Just change the px size till it aligns with your form elements.

Third, you have set a height requirement for your input fields. Remove that. A button is an INPUT field.

Believe me, I'm NOT a CSS expert. What I do do well is troubleshoot the issues and 99.9999999% of the time, it's syntax. The same holds true here.

I didn't want to literally point out the problems cause you won't learn that way. I'll bet you're kicking yourself now; wondering how the heck you missed those little things. In code, little things do A LOT .

Hope this one helps.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 10 months ago #3074

  • michele
  • michele's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Hey Dave, thank you so much!

Your guidance helped fix the problems. :)
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3178

I can't seem to download the latest tute file. Do you have another link or has it been updated in another thread?
Thanks,
Keith<br><br>Post edited by: kdpickett, at: 2008/06/04 22:15
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3190

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Which latest tute file?
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3239

  • stabilo
  • stabilo's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 2
concerning the above post: I think he meant the second file on the first site.

my enquiry: I like rsform and therefore your tutorial is highly appreciated.
unfortunately, although i read all the posts in this thread and spent hours
in trying to make i work, it wont.
here you can see how it looks:
www.fureader.com
(i made the rsform_css file and included it into the template_css.css by using
@import url(\"rsform_css.css\") - also i changed the formstyle like descripted and included the tabIndex=\"1\" and the additional information code in every field. i made no wrong spelling. Strange!

Would be helpful if you could give me a clue in which direction to go. I assume its on the css field.

Is your tutorial really JOOMLA 1.5 combatible?

thx for all

Post edited by: stabilo, at: 2008/06/08 03:32

Post edited by: stabilo, at: 2008/06/17 00:47<br><br>Post edited by: stabilo, at: 2008/06/17 01:12
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3254

From post #2015, \"Styling your RSForms\". The post contains a link to download the updated tutorial for styling forms. I downloaded the original and viewed the remaining posts in the thread and was able to understand what the update was.


What other tutes are there? Would it be possible to download them from somewhere?
I need all the styling help I can get.

Thanks,
Kp
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3386

Thanks Dave, nice tutorial. I think I may have shot myself in the foot though as I have just bought in to RSForms! Pro. I am struggling to understand why there are a set of predefined templates for the forms, but no provision to customise the layout of a form. I can understand the concept of the predefined forms but to only be able to over ride them through phpmyadmin is a bit of a pain.

The forms that are included cannot be changed in any way for column width to take account of longer captions, for instance, most would use email: but if you wanted to use Email address: and add validation markings to the equation, you are looking at double lines instead on a single line of text. If I have missed something along the way, through my search of this forum, I would welcome some input on this if it is available.

Don't get me wrong, I am impressed with RSForms! Pro overall, I just find this a niggle that perhaps we could do without.

Regards

Rob
Rob Brideson
Primal Media - Web design & development
www.primal-media.co.uk
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3387

Thanks Dave, nice tutorial. I think I may have shot myself in the foot though as I have just bought in to RSForms! Pro. I am struggling to understand why there are a set of predefined templates for the forms, but no provision to customise the layout of a form. I can understand the concept of the predefined forms but to only be able to over ride them through phpmyadmin is a bit of a pain.

The forms that are included cannot be changed in any way for column width to take account of longer captions, for instance, most would use email: but if you wanted to use Email address: and add validation markings to the equation, you are looking at double lines instead on a single line of text. If I have missed something along the way, through my search of this forum, I would welcome some input on this if it is available.

Don't get me wrong, I am impressed with RSForms! Pro overall, I just find this a niggle that perhaps we could do without.

Regards

Rob
Rob Brideson
Primal Media - Web design & development
www.primal-media.co.uk
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3392

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
I use the Pro version as well. Though, I have to check out what you're talking about in regards to \"templates\" for forms.

You have included forms?
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3487

dniezby wrote:
I use the Pro version as well. Though, I have to check out what you're talking about in regards to \"templates\" for forms.

You have included forms?

Is there something that prevents me from posting code tags to add the files? Each time I try to post these for you I keep getting a permission denied error message which says post tag.<br><br>Post edited by: rob.brideson, at: 2008/06/26 23:57
Rob Brideson
Primal Media - Web design & development
www.primal-media.co.uk
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3488

dniezby wrote:
I use the Pro version as well. Though, I have to check out what you're talking about in regards to \"templates\" for forms.

You have included forms?

Is there something that prevents me from posting code tags to add the files? Each time I try to post these for you I keep getting a permission denied error message which says post tag.

Rob
Rob Brideson
Primal Media - Web design & development
www.primal-media.co.uk
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3489

ok, this is getting annoying now. I have posted a long explanation with files to this post 3 times today in order to get support for a paid for application and all I get is an error message each time. Each time I am logged in so there should not be any problem at all

error message returned is


Warning: fopen(/var/www/vhosts/rsjoomla.com/htdocs/administrator/components/com_sef/logs/2008-06-sh404SEF_security_log.102.txt) [function.fopen]: failed to open stream: Permission denied in /var/www/vhosts/rsjoomla.com/htdocs/components/com_sef/sef.php on line 290
Forbidden access

( tag in POST)
Rob Brideson
Primal Media - Web design & development
www.primal-media.co.uk
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 9 months ago #3491

Hi Dave

I have managed to solve this problem now.

RSForm!Pro templates are in fact able to be over riden by unticking the auto generate button which in turn allows you to add custom code to the text area where the template code resides.

For some reason I can't post files or add BB code on this board without getting an error message so I am unable to share this with other users at present.

I will troubleshoot this at a later date as I am up against a deadline to get this site live.

www.fuelstat.com/devsite/contact/general-enquiries.html is the finished article though

Thanks for your potential help though, it is much appreciated.
Rob Brideson
Primal Media - Web design & development
www.primal-media.co.uk
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 8 months ago #3844

  • r32
  • r32's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 6
I just downloaded RSFormPro, so perhaps something is different now, but this tutorial doesn't seem to work.

I noticed this tutorial was posted in February, so perhaps that is the case as to why it doesn't work for me. Very frustrating trying to customize the form.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 8 months ago #3847

  • r32
  • r32's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 6
Does this still work for the latest version of RSformPro? I tried everything an no matter what, I could not get it to work.

RSformPro makers. You guys should produce an up-to-date tutorial showing how easy it is to customize the look-and-feel of a form. You might sell more entensions. I'm frustrated with it at this point and ready to look at other Form enxtensions.
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 8 months ago #3852

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
Pro is a new release. I just downloaded it myself.

I don't know if it works with the new version. From the looks of the features, I would say no, it won't work with Pro. Just guessing though as it seems that styling is included.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 7 months ago #3909

  • jeff51
  • jeff51's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 3
Great style guide, thanks for your time writting it up, works great for me apart from in IE7

textarea,radio,checkboxes all dont behave the way they should,

works great in firefox though!
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 4 months ago #5444

Hi there Dniezby
I have followed your tutorial but having some issues with IE7
For some reason the help boxes are making my text input boxes jump up and down
www.hawkesburytriclub.com/membership_form/
If you can assist, would be most grateful!!
Cheers
Surferchick
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 4 months ago #5451

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
This tutorial has long expired. The new version of RSForm has styling built in.
I wish I could help more but the new version of RSForms doesn't work with my methods.
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 4 months ago #5487

  • willkey
  • willkey's Avatar
  • OFFLINE
  • Junior Boarder
  • smart, engaged, and curious
  • Posts: 32
thank you for your great tutorial. it worked almost instantly!

i am hoping, though, to add an image like the one here if you can see it. an image added to the side of the form for some artistic flair.



thank you for any help!
-- remember where you've been...it helps with where you're going!

:)
The administrator has disabled public write access.

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!