Answers.Body: <p>If you are on Drupal you could do the event registration using a <a href="https://www.drupal.org/project/webform" rel="nofollow noreferrer">webform</a> with <a href="https://www.drupal.org/project/webform_civicrm" rel="nofollow noreferrer">webform_civicrm</a> and use the <a href="https://www.drupal.org/project/webform_layout" rel="nofollow noreferrer">webform_layout</a> module to place two fields on the same line.</p>
  
  <p>Alternatively you could write a tiny <a href="https://docs.civicrm.org/dev/en/master/extensions/" rel="nofollow noreferrer">extension</a> to drop in some jQuery to move the fields around in the standard event registration form. There is write up of how to do that here: <a href="http://jackrabbithanna.com/articles/easy-jquery-modificaiton-civicrm-forms" rel="nofollow noreferrer">http://jackrabbithanna.com/articles/easy-jquery-modificaiton-civicrm-forms</a>  Note that since that was written <code>cj</code> <a href="https://wiki.civicrm.org/confluence/display/CRMDOC/Javascript+Reference#JavascriptReference-Globals.1" rel="nofollow noreferrer">has been deprecated</a> in favour of <code>CRM.$</code></p>
  
  <p>If you can do the changes with CSS without needing the power of jQuery, you can also do that - see my answer to <a href="https://civicrm.stackexchange.com/questions/19132/how-can-i-change-the-way-price-set-information-is-presented-on-a-contribution-pa">How can I change the way price set information is presented on a contribution page?</a></p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-06-21T14:01:21.390Z
Answers.LastActivityDate: 2017-06-21T14:01:21.390Z
Answers.UserDisplayName: Aidan
Body: <p>At the moment, each field specified in a profile that is related to an event online registration form, has its own line, inside its own div.
  I want to be able to display 2 specific fields in the same line, which are logically connected to each other.
  How can I do that?</p>
  
Tags: <civievent><display><online-registration>
Title: How to make event registration form fields be displayed inline
ThreadText: # How to make event registration form fields be displayed inline
  
  (Asked by: username_0 on 2017-06-21)
  
  At the moment, each field specified in a profile that is related to an event online registration form, has its own line, inside its own div.
  I want to be able to display 2 specific fields in the same line, which are logically connected to each other.
  How can I do that?
  
  **Tags:** civievent, display, online-registration
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2017-06-21. Score: 0 | Accepted answer
  
  If you are on Drupal you could do the event registration using a [webform](https://www.drupal.org/project/webform) with [webform\_civicrm](https://www.drupal.org/project/webform_civicrm) and use the [webform\_layout](https://www.drupal.org/project/webform_layout) module to place two fields on the same line.
  
  Alternatively you could write a tiny [extension](https://docs.civicrm.org/dev/en/master/extensions/) to drop in some jQuery to move the fields around in the standard event registration form. There is write up of how to do that here: <http://jackrabbithanna.com/articles/easy-jquery-modificaiton-civicrm-forms> Note that since that was written `cj` [has been deprecated](https://wiki.civicrm.org/confluence/display/CRMDOC/Javascript+Reference#JavascriptReference-Globals.1) in favour of `CRM.$`
  
  If you can do the changes with CSS without needing the power of jQuery, you can also do that - see my answer to [How can I change the way price set information is presented on a contribution page?](https://civicrm.stackexchange.com/questions/19132/how-can-i-change-the-way-price-set-information-is-presented-on-a-contribution-pa)
  
  
  ---
  
  