Hiya Members,

This is a basic tutorial I wrote which was inspired by dniezby's very excellent styling guide here and it is for Joomla 1.5.x only (the php code snippets will not work in Joomla 1.x)

Included in this package is a set of sample forms with a variety of form element styling examples, a sample stylesheet with a basic grayscale theme, and a text file with some code snippets examples that I have used in these forms. I have also included the original full-size screencaps, in case you find the downsized ones in this document difficult to read.

Please be aware that I have only been using RSform! for a week, so my knowledge of the program is not very advanced at the time of writing this. I am a lousy php coder, however I do have a reasonably good eye for graphical layout with a fair to middling command of CSS. I thought it would help my own learning curve if I documented my first form designing process from the perspective of an RSform! newbie, and I share it in the hope that other new learners might benefit from my hours of forum searches and form code twiddling.

I need to clarify that this is not a lesson on how to write CSS code. I am not an expert on CSS and I do not have the time to give one-to-one support to budding CSS coders who found my tutorial here in the support forums. There are plenty of most excellent CSS learning resources on the internet to study and I have included some of my favourite sites in the References section at the end of the document.

My specific aim here is to give you the skeleton framework of an RSform! tableless CSS theme, which I have designed to be easily adapted for your (and my future) personal use, and to give you some guidelines to some basic adaptations that I found useful while testing this component.

Sample Form Screenshot


Things worth knowing about this sample CSS template:Please understand that as of today this is the SUM TOTAL of my knowledge about RSform - every little thing I have learned about it during my first week of use. So I hope you find the tutorial useful and I achieved my goal to present it in a way where my fellow newbies learned some useful concepts and correlations, and came one step closer to building their own new forms from scratch.

If you notice any factual errors, additions or corrections that need to be made to this tutorial please let me know in this thread and I'll try and put together a revised version within the week. Also, if anybody has a collection of commonly used PHP snippets I'll be happy to add them too. But after that revision I will no longer have time to maintain this tutorial.

My poor tired old brain needs a well deserved break after this intensive week immersed in RSform code, but I have to say that what I have been able to do so easily in this component took me nearly three months of agony to learn in FacileForms. Yay Alex!

Files included in this zip package:BEGINNERS RSFORM DESIGN TUTORIAL REMOVED BECAUSE OF JAN KIP

Have fun with your own learning curve!

Cheers,
Zana


[EDIT#1] Ackkkk! Fireboard wouldn't attach my zip file, so I had to upload it to my own server. Please respect my bandwidth and do not post links to this file on any other website!

Post edited by: zANavAShi, at: 2008/03/17 12:47

[EDIT#2] I specifically asked that people NOT POST LINKS TO THIS FILE ON ANY OTHER WEBSITE. Unfortunately this very rude person Jan Kip has taken it upon himself to IGNORE AND DISRESPECT my wishes so the file has now been removed from my server. Please direct your complaints directly to Jan, who has ruined it for everybody else.

Moderators, please lock this thread. <br><br>Post edited by: zANavAShi, at: 2008/07/28 14:54

zANavAShi - really useful. thanks very much for your hard work hard

zANavAShi - really useful. thanks very much for your hard work hard

TheFlyingKiwi wrote:Thanks for the thanks, my fellow countryman.

I notice from my server logs there's been over 100 downloads of this file, so I was beginning to wonder if anybody had gotten any value from it at all, or I had just wasted all that hard work for nothing.

Cheers!
Zana

PS: This proves my long-standing theory that Kiwi kids are raised to have the bestest manners hehehe

manners cost nothing mate

Great looking tutorial. Besides the code snippets, is it good for the 1.0.15 joomla version?
Here's hoping...

i used it for v1.0.x - out of stupidity really - didn't notice it was for 1.5. DOH!!! some of the features don't work exactly but i now have a great looking form whch is about to go live.

The reason the flyovers don't work on IE6 is because the background: transparent fix needs to be on the a:hover of the anchor (you have it on the img). This should work:

how can I donwload this file?

thanks for this - really useful for a newbie like me

he bro

thx for your tut. u seem to be talented. i use also rsform J1.5.

But there are 1. no div's in the php files and 2. many div names dont even exists.

Dont we need divs in the php to connect to the #divname in the css file??

i have the actual version. Where can I see whats the name for the variables?
Firebug dont shows that.

I need to have a field for the time, would be nice like that: {firstfield}:{sec.field}
on 1line and could we also make the width smaller and allow just 2 signs per field?
Is it difficult 2do?

I know its much but perhaps u find lil time to give just a lil advise

thx and have all a good day

FYI: 2008/09/22: from www.dutchjoomla.org/content/view/1103/151/
Jan Kip, author of dutch book \"Basic Course Joomla! 1.5\" has died at young age (after sickbed).

Hi zANavAShi

I notice you have created help icons at the end of your form, and i also really need this functionallity

Could you please share a code snippet for how to do this?

I would very much like to download your tutorial, but notice that it is gone. I think it is great that someone has taken the time to make a tutor, cause the documentation for RSForms is really low.
So is there any possibility that you would be so kind to share your doc again ? Or if you can mail it to me if you do not want to make it available here?

Cheers,

I would love for this to come back, please could you re-upload?

thanks

Hi,

I would like to see this tutorial for sure.....some don't appreciate it, i know there are a lot out there who do,...same as me!

Hope you can share it again.....

There seems to be little help anywhere for styling RSFormsPRO which is a real shame - sounds like this was good one Any chance someone could tell me how I might get it.