Section all in a row (left padding)

  • EndritJML
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 0

EndritJML created the topic: Section all in a row (left padding)

I have a form with some texfields they are 200px width
now i want to make a section and se 2 Texfields in a row
but the problem is the left padding from label to textfield
i want 1 textfield 150px and the other 50px width

this is what i got:
___________
label: |__________|
___________
label: |__________|
___________
label: |__________|
________ ______
label: |________| |______|

this is what i want:

___________
label: |__________|
___________
label: |__________|
___________
label: |__________|
______ ___
label: |______| |___|
#232041
  • Posts: 1437
  • Karma: 48
  • Thank you received: 188

mihaela replied the topic: Section all in a row (left padding)

Hello,

Could you send me link to frontend so I can take a look at this from first hand?

You wrote "but the problem is the left padding from label to textfield". Do you mean that the second textfield in a row is not close enough to the other one?

Also, you wrote "i want 1 textfield 150px and the other 50px width". You can set the element width in Proprties of each textfield, in the Size field.

Regards,

Mihaela
#232042
  • EndritJML
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 0

EndritJML replied the topic: Section all in a row (left padding)


This is my Problem...
#232048
Attachments:
  • Posts: 1437
  • Karma: 48
  • Thank you received: 188

mihaela replied the topic: Section all in a row (left padding)

Hello again,

Now I see more clearly what you want to achieve.

To make your form look like you want you need to reduce the label's width.
To do so go to Form properties > Advanced> More options. Then go to Form pieces and in the Before form select Custom.

Then in the code area below put the following code:
echo '
<style>
.bfQuickMode .controls .control-label {
    width: 15% !important;
}
</style>
';
NOTE: Set the width to what is most suitable for your form.

That should do the trick.

Let me know whether you've managed to set this for your form.
If you have more questions, feel free to ask.

Regards,

Mihaela
#232052
  • EndritJML
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 18
  • Thank you received: 0

EndritJML replied the topic: Section all in a row (left padding)

now when i want to type something inside the Field
it begins not at the beginning of the field

(in the section it begins at the right place at the left side)
#232055
Attachments:
  • Posts: 1437
  • Karma: 48
  • Thank you received: 188

mihaela replied the topic: Section all in a row (left padding)

Hello again,

That is strange behavior. Also, I see that the textfields didn't move closer to the labels as they should have.

Could you send me link to your form so I can take a look at this from first hand.

Regards,

Mihaela
#232060
Moderators: ForumSupporttomeperica
Time to create page: 0.298 seconds

New Support System

Dear Customers,

Users with active subscription have support priority which will be dona via ServiceDesk (My Account > Raise a ticket).
FREE Support topics will be answered when AND if there is time.

You can check support guidelines here : here

Regards,
Crosstec Team

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here