• 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: Form width of the module it's in

This message has been removed by user's request. 3 years 5 months ago #40688

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

Form width of the module it's in 3 years 5 months ago #40689

  • pat01
  • pat01's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 5
Hi

Design usually is done with CSS.

Got a link to your page?
The administrator has disabled public write access.

This message has been removed by user's request. 3 years 5 months ago #40690

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

Form width of the module it's in 3 years 5 months ago #40691

  • pat01
  • pat01's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 5
Please add this CSS to the CSS box of your form:
.rsformgraybox .formResponsive .formHorizontal .formControlLabel {
	width: 20%;
}
 
.rsformgraybox .formResponsive input, .formResponsive textarea {
	width: 210px;
}

Change values 20% and 210px to whatever suits your need.

For example 40% and 210px to 100%

Other way: In your form properties change flow layout to vertical:
prntscr.com/v7z354
Last Edit: 3 years 5 months ago by pat01.
The administrator has disabled public write access.
The following user(s) said Thank You: dee6282444ad34d1b0b8cce7844816a6

This message has been removed by user's request. 3 years 5 months ago #40696

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

Form width of the module it's in 3 years 5 months ago #40697

  • pat01
  • pat01's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 5
Hi Pam

I'm glad it works :)

success3 wrote:
Question, is there a way to tell the width of the input fields to simply be the width of the module without me having to tell it the width?

The width is set to 210px by the system. So you must override this if you want another width.

Using following CSS should do the trick:
.rsformgraybox .formResponsive input, .formResponsive textarea {
	width: 100%;
}

If it's too much width, you can decrease it, for example down to 90%. You will have to try and do testing.

Enjoy!

Patrick
The administrator has disabled public write access.
The following user(s) said Thank You: dee6282444ad34d1b0b8cce7844816a6

This message has been removed by user's request. 3 years 5 months ago #40699

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
Last Edit: 3 years 5 months ago by dee6282444ad34d1b0b8cce7844816a6.
The administrator has disabled public write access.

Form width of the module it's in 3 years 5 months ago #40714

  • andreic
  • andreic's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 722
  • Thank you received: 59
Hello,

The link you provided is no longer valid, it returns a 404 error. Please provide a link to the form in question.
Please note: my help is not official customer support. To receive your support, submit a ticket by clicking here
Regards,
RSJoomla! Development Team
The administrator has disabled public write access.

This message has been removed by user's request. 3 years 5 months ago #40715

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

Form width of the module it's in 3 years 5 months ago #40718

  • andreic
  • andreic's Avatar
  • OFFLINE
  • RSJoomla! Official Staff
  • Posts: 722
  • Thank you received: 59
Hello,

Please try adding the following CSS definition in the CSS and Javascript section of your form:
.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    width: auto !important;
}
Please note: my help is not official customer support. To receive your support, submit a ticket by clicking here
Regards,
RSJoomla! Development Team
Last Edit: 3 years 5 months ago by andreic.
The administrator has disabled public write access.
The following user(s) said Thank You: dee6282444ad34d1b0b8cce7844816a6

This message has been removed by user's request. 3 years 5 months ago #40721

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
The administrator has disabled public write access.

This message has been removed by user's request. 3 years 5 months ago #40722

  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED
  • e1baa5e4b796521191eb58cb1555ca33@RSJOOMLA_DELETED's Avatar
This message has been removed by user's request.
Last Edit: 3 years 5 months ago by dee6282444ad34d1b0b8cce7844816a6. Reason: Added another form version without styling
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!