Code to Insert Linebreak or Sections on Form

Answered


Posted Jan 26, 2024

Hello! Was wondering if anyone has code they'd be willing to share where you have attempted to enter groups, line breaks, or sections onto a form.  I thought I could possibly use JQuery to change the title of the first field in the 'section' to insert html into the title, but was wondering if anyone had other thoughts/examples. Thanks!


1

4

4 comments

Wow!! 4970836779162 - that was quick, thank you! I will test this. Very much appreciate it!

0


Ok, I was able to make it possible but as you said, using some jQuery and JS.

This is my snippet that I used to add a line break + a title section (h2). Additionally, I took it up a notch and added the conditional for ticket form id, this way it will only apply on one ticket form of your choice and not on all of them. 

var ticketForm = location.search.split('ticket_form_id=')[1];
if (ticketForm === '19023876691732') {
$(document).ready(function() {
    // Find the .request_subject element and insert an <hr> tag before it
    $('.request_subject').before('<hr>');
    // Insert an <h2> tag with the text "New Section" after the .request_subject element
    $('.request_subject').before('<h2>New Section</h2>');
  });
};

This produced the following design on the form:


Beforehand, I edited the default <hr> style to my liking:

hr {
  margin: 2em auto; /* centred margin */
  height: 2px; /* thickness of the line */
  background-color: black; /* colour of the line */
  border: none; /* no border */
}

1


Thank you for the prompt reply 4970836779162!

Here is a quick rough version of what I am trying to describe. Basically, I want a group of questions to stand out as their own, so I want to interject some code for an hr break and some text or something similar. 

0


Hey 1263758472670 could you provide more details on this use case, I am not sure I fully understand your goal, if you were able to give some more context or draft the final result how the form should look like, I will try to see if I can advise something. 

1


Sign in to leave a comment.

Didn't find what you're looking for?

New post