Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Inline Form Fields? Rate Topic   - - - - -

 
  • jwoelfel
  • Member
  • Members
  • Join Date: 03-Apr 20
  • 22 posts

Posted 03 April 2020 - 06:41 PM #1

I'm using version 4.11.3. Can I make form fields appear side-by-side? I can't find anywhere to assign custom CSS classes to the appropriate fields. Small fields like numbers or zip codes do not need to take up the entire width of the content area. It looks very basic and unnecessary especially for long forms that would require a lot of vertical scrolling.

 

I'm sure there is a way, but I can't find anything in documentation or in the forums.

 

Thanks for anyone who can point me in the right direction!



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 12091 posts

Posted 03 April 2020 - 08:23 PM #2

You can add custom css in the Design/Themes - theme editor.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 
  • jwoelfel
  • Member
  • Members
  • Join Date: 03-Apr 20
  • 22 posts

Posted 03 April 2020 - 10:47 PM #3

Thanks for responding! I am aware of the custom CSS section in the theme editor, I was just hoping there was a less tedious method than to assign css to each individual field. For instance, if I could create a few classes and assign them to the fields on Form Builder, it would save a lot of time. I'm hoping CS-Cart will add this functionality in the future.



 
  • jwoelfel
  • Member
  • Members
  • Join Date: 03-Apr 20
  • 22 posts

Posted 04 April 2020 - 05:49 PM #4

I was able to get the form fields to display side-by-side (more or less) by adding this CSS:

 

form > .ty-control-group {

    float: left;
    margin: 0 12px 12px 0;
}
 
Hope this helps someone else, until CS-Cart can give us more control over the style of our form fields.


 
  • FanD
  • Newbie
  • Members
  • Join Date: 06-Sep 20
  • 10 posts

Posted 11 June 2021 - 11:23 PM #5

 

I was able to get the form fields to display side-by-side (more or less) by adding this CSS:

 

form > .ty-control-group {

    float: left;
    margin: 0 12px 12px 0;
}
 
Hope this helps someone else, until CS-Cart can give us more control over the style of our form field

Thanks for this. Where would I add this? I tried pasting into the theme CSS box but nothing changed. Shoudl I put something around this?

 

Would really appriciate any help. Thanks for posting in the first place jwoelfel

  •  


 
  • The Tool
  • Been Here Way Too Long Member
  • Members
  • Join Date: 30-Mar 07
  • 3987 posts

Posted 12 June 2021 - 11:26 AM #6

 

Thanks for this. Where would I add this? I tried pasting into the theme CSS box but nothing changed. Shoudl I put something around this?

 

Would really appriciate any help. Thanks for posting in the first place jwoelfel

  •  

 

Did you clear the cache?