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

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

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)

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

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

I would try adding a new set of divs.

Put your {label} in it's own set of divs and see if that works.

Hi dniezby,

First of all, many thanks for your great tutorial!

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

michele wrote:
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.



Look at the class I created called, \"sectionheader\"
Put the text you want in a set of DIVs and give it that class.

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

You create a new legend section. Here is an example of my \"first name\" field.

I see you figured it out. Sorry, I couldn't get back to you sooner.

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!

Can anyone here please help me style the Captcha and Submit fields?

Thanks!

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:
Not what you have now.
As for your button, also check your syntax.

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.

Hey Dave, thank you so much!

Your guidance helped fix the problems.

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

Which latest tute file?

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

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

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

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

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?

dniezby wrote:
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

dniezby wrote:
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

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)

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.

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.

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.

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.

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!

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

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.

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!

Is it really still working? I just told someone that it wouldn't work because of the new version of RSForms.
Well...I'm glad that it did work for you.

Since it IS working for you (I'm assuming your using an older versions of RSForms) you could simply create a new set of attributes.

.formimage {
float:right;
z-index: 100;
margin-top: 100px;
}

Try something like that. Where you want the image you just use that class for the image.
<img class=\"formimage:\" src=\"yourimageurl\"></img>

thanks, bud. yes, i am still using the old version. is that OK???
take a peek:
My Form

thanks for helping. it's people like you that make this world a better place to live!
--will


dniezby wrote:<br><br>Post edited by: willkey, at: 2008/11/11 21:45

Found this thread and do understand some of the css that I need to change/edit to get my forms to look how we want. Questions is, where exactly do I go in RSForms to edit this and will it apply to all my forms as I'd like them to look uniform.

Thanks

Wouldn't it be nice to have a "tab" widget on the form creation page, as an alternative to the pagebreak, which writes the CSS for you...?

Hi

I did what you are explaining in your documentation, however my form style was not changed at all.

You wrote there :

#myform legend {....}

If my form name is : nmozjform , so instead myform I should write nmozjform ??
what does legend mean??

I also imported the css file , however nothing changed.

I need someone to give me an example of their css and tell me where to put it.
Some of these posts are 3 years old and none of the links work.
HEEELLLP!!!

Thank you.

Hello, would love to have a look at your tutorial, but the data (zip) file is not there. Any help would be appreciated.

Thanks in advance

Bobbi