Easter Sale 2024

  • 1

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: Moving forms to the left

Moving forms to the left 16 years 11 months ago #454

  • QForce
  • QForce's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
How do I move the form to the left?

I imagine it's a small piece of code in the 'edit the field syle'.

Secondly, how do I make the input boxes wider? at the moment they are a little too small for the info to input.

Thanks.
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #456

  • crazycat
  • crazycat's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 77
I would suggest you to search the forum - questions you ask are already discussed.<br><br>Post edited by: crazycat, at: 2007/05/16 19:27
As soon as you make something idiot proof, Nature makes better idiots!!!
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #459

  • QForce
  • QForce's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
I have searched the forum and I couldn't find a thread that answered my questions.

Can you post the link to both questions?
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #460

  • crazycat
  • crazycat's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 77
QForce wrote:
I have searched the forum and I couldn't find a thread that answered my questions.

Can you post the link to both questions?

here, this one covers both questions (all you need can be achieved by giving classes to appropriate elements and then styling via css):
http://www.pimpmyjoomla.com/index.php?option=com_kunena&Itemid=30&func=view&id=274&catid=9#274
As soon as you make something idiot proof, Nature makes better idiots!!!
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #461

  • QForce
  • QForce's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
I'm a beginner at this, but I had a go.

I managed to extend the length of the boxes but it also extended the length of the submit button. Is there anyway to return the submit button to its normal length?

Also I managed to move the text to the left but not the boxes. How do I move the boxes as well?
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #462

  • crazycat
  • crazycat's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 77
QForce wrote:
I'm a beginner at this, but I had a go.

I managed to extend the length of the boxes but it also extended the length of the submit button. Is there anyway to return the submit button to its normal length?

Also I managed to move the text to the left but not the boxes. How do I move the boxes as well?

OK, you can define the width of a submit button using id of input type=\"submit\", i.e.
input#input_id{width:40px;}
where input_id is the value you've used in your form.

let me know if it helps.

Now, what do you mean by \"How do I move the boxes as well?\". Could you provide any link as an illustration of a question? I'm affraid I didn't get it.
As soon as you make something idiot proof, Nature makes better idiots!!!
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #463

  • QForce
  • QForce's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
This is the code in the 'edit the form style'.

<
&lt;style&gt;
td.fieldclass input, td.fieldclass textarea {
width:200px;
}
td.fieldclass select{
width:149px !important;
width:200px;
}
          Please note, although no boardcode and smiley buttons are shown, they are still useable &lt;/style&gt;
 
&lt;div align=\&quot;left\&quot; style=\&quot;width:100%\&quot; class=\&quot;componentheading\&quot;&gt;{formtitle}&lt;/div&gt;
 
If you would like to get involved with the CIE, either through participating in rallies, organizing events or simply an email campaign, just include your details below.
&lt;br /&gt;
&lt;br /&gt;Fields marked with an asterix (*) are required.
&lt;br /&gt;
&lt;form name=\&quot;{formname}\&quot; id=\&quot;{formname}\&quot; method=\&quot;post\&quot; action=\&quot;{action}\&quot; {enctype} onsubmit=\&quot;return ValidateForm(fields);\&quot;&gt;
	&lt;table width=\&quot;100%\&quot; border=\&quot;0\&quot; cellpadding=\&quot;0\&quot; cellspacing=\&quot;0\&quot; class=\&quot;forme\&quot;&gt;
	{formfields}
	&lt;/table&gt;
&lt;/form&gt;

This is the code in the 'edit the field style'
&lt;tr&gt;
&lt;td colspan=\&quot;2\&quot; valign=\&quot;top\&quot; class=\&quot;fielddescclass\&quot;&gt;{fielddesc}&lt;/td&gt;
&lt;tr&gt;
&lt;/tr&gt;
&lt;td align=\&quot;left\&quot; valign=\&quot;centre\&quot; class=\&quot;fieldtitleclass\&quot;&gt;{fieldtitle}{validationsign}&lt;/td&gt;
&lt;td valign=\&quot;top\&quot; class=\&quot;fieldclass\&quot;&gt;{field}&lt;/td&gt;
&lt;/tr&gt;

Where do I place:
input#input_id{width:40px;}
Now, what do you mean by \"How do I move the boxes as well?\". Could you provide any link as an illustration of a question? I'm affraid I didn't get it.

I'm not sure what they are called forms/input boxes/ie type your email in here.

Hope this helps.<br><br>Post edited by: QForce, at: 2007/05/16 20:58
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #464

  • crazycat
  • crazycat's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 77
this
input#input_id{width:40px;}
goes to your joomla template's css file.

and don't forget to change the input_id to the id value used in your form.
You may also want to change the width to fit your needs.
As soon as you make something idiot proof, Nature makes better idiots!!!
The administrator has disabled public write access.

Re:Moving forms to the left 16 years 11 months ago #465

  • QForce
  • QForce's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
Thanks I shall give it a go.
The administrator has disabled public write access.
  • 1

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!