Welcome, Guest

TOPIC: Forms design

Forms design 14 years 3 weeks ago #10482

vostokoved Topic Author Offline Gold Boarder Posts: 160 Thank you received: 0	Hello! I understand that the question is not appropriate for such hard time, bu anyway..is it possible to make the frontend-look of the forms a little bit more modern? I want to make fields bigger, to give them highlight etc, background-color etc. What file has to be modified? Thanks Check this box to be notified of replies to this topic. Note: BBcode and smileys are still usable.
	Please Log in or Create an account to join the conversation. I'm not a native English speaker, so don't judge me too hard, please.

Forms design 14 years 3 weeks ago #10496

ismadman
Offline
Expert Boarder
Posts: 97
Thank you received: 0

This depends on a few things .
In my case I have a rocket theme template and I edit the template.css file
under my /templates/rt_panacea_j15/css/template.css file directory
Best way is to get firebug or webdeveloper and style it live
( I find )
As for heights and widths etc also depends on templates and setup i think
as im not sure , but it looks to me like dt reg uses the joomla form fields
and not its own ( As I can edit them via my template )
Not much help I know but maybe worth a look via firebug to see what I mean

One of my edits was in template.css that i could style the fields

#rt-main .inputbox, #rt-main input#email, #rt-main input#name, #rt-main input#username, #rt-main input#password, #rt-main input#password2, #rt-main input#passwd {
  border: 3px solid green;
  background: #000;
  color:#fff;
}

Just for example.

[attachment=0:3hx4b1so]form.jpg[/attachment:3hx4b1so]

also viewing source of the page is always good
You can see the id's and classes used
for example
Changing the asterix color ( Required )
If you view the source of your form you can find this

<span class='dtrequired'>&nbsp;&nbsp;*&nbsp;&nbsp;</span>

Which tells you that the class is dtrequired
You can use firebug to find where this class is ( In Firefox of course )
so we find its in /components/com_dtregister/assets/css/main.css
So you can edit the color size etc ( Or input your own styling )

So styling can be done via css with the right tools
http://getfirebug.com/downloads

Attachments:

Rendering Error in layout Attachment/Item: Property "protected" is not defined. Please enable debug mode for more information.

Please Log in or Create an account to join the conversation.

Forms design 14 years 3 weeks ago #10498

dthadmin Offline Administrator Posts: 5470 Thank you received: 3	For the most part, DT Register is setup to use the form styling of your Joomla template, so you should make changes there. The main.css file mentioned above is also where you can make additional styling. Check this box to be notified of replies to this topic. Note: BBcode and smileys are still usable.
	Please Log in or Create an account to join the conversation.

Forms design 14 years 3 weeks ago #10499

vostokoved Topic Author Offline Gold Boarder Posts: 160 Thank you received: 0	Thank you guys for you fast assistance! I will try and then report Check this box to be notified of replies to this topic. Note: BBcode and smileys are still usable.
	Please Log in or Create an account to join the conversation. I'm not a native English speaker, so don't judge me too hard, please.

DT Register

General Discussion - Joomla 1.5

Forms design