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 #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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 1 month 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 month 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 month 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 16 years 3 weeks 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 16 years 3 weeks 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 16 years 3 weeks 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 16 years 2 weeks 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 16 years 2 weeks 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 16 years 2 weeks 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 16 years 2 weeks 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 16 years 1 week 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 16 years 1 week 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 16 years 1 week 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 16 years 1 week 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 16 years 1 week 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 16 years 3 hours 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 11 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 11 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 11 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 11 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 11 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 11 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 11 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 11 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 10 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 10 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 10 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 10 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 10 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 10 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 10 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 8 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 5 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 5 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 5 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.

Re:TUTE: Styling your RSForms 15 years 5 months ago #5491

  • dniezby
  • dniezby's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 136
  • Thank you received: 2
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>
Dave Niezby
www.nsfilms.com
Nightshade Studios, CEO
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 15 years 5 months ago #5499

  • willkey
  • willkey's Avatar
  • OFFLINE
  • Junior Boarder
  • smart, engaged, and curious
  • Posts: 32
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:
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>
<br><br>Post edited by: willkey, at: 2008/11/11 21:45
-- remember where you've been...it helps with where you're going!

:)
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 14 years 2 months ago #9615

  • komita
  • komita's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 40
  • Thank you received: 1
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
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 13 years 7 months ago #11233

  • adrian.melia
  • adrian.melia's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 2
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...?
The administrator has disabled public write access.

Re:TUTE: Styling your RSForms 13 years 7 months ago #11291

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.
The administrator has disabled public write access.

Re: TUTE: Styling your RSForms 12 years 7 months ago #14612

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.
The administrator has disabled public write access.

Re: TUTE: Styling your RSForms 12 years 7 months ago #14763

  • boobid
  • boobid's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
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
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!