• Ifra Saqlain

  • 19 de janeiro de 2022 11:20
  • Editado

  Community Moderator

  

  Hey Chris,  you want to show your current form name as a title instead of Submit a request, so you have to add this simple two-line script code to your script.js file.

   

  1). Add jQuery Library to your document_head.hbs file.

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  Screenshot for the same:

  

   

  2). Go to your script.js file and paste it at the bottom.

  $(document).ready(function(){
  
  var getText = $('.nesty-input').text();
  $('.new-req-title').html(getText)
  
  });

   

  Screenshot for the same:

  

  3). Go to your new_request_page.hbs file, add div with the class-name and remove {{t 'submit_a_request'}}.

  
  

   

   

   

   

   

   Solution with only JavaScript code:

   

  1). Go to your script.js file and paste only given two lines code at the bottom but under the DOM function.

  var getText = document.querySelector('.nesty-input').innerText;
  document.querySelector('.new-req-title').innerText = getText;

   Screenshot for the same:

  

   

  2). Go to your new_request_page.hbs file, add div with the class-name and remove {{t 'submit_a_request'}}.

  

   

  Output is:

  

   

   

  

   

  

   

  If any confusion, do let me know :)

  Thanks

  Team Diziana

   

• Ifra Saqlain

  • 19 de janeiro de 2022 13:04
  • Editado

  Community Moderator

  

  I don't have that kind of field in my forms, so I couldn't see that, but no worries, you have fixed it now.

  Fixing with parent class-name:

   

  But happy to see that your main purpose with the title of the forms is working.

• Chris Fewster

  • 19 de janeiro de 2022 12:01
  • Editado

  Ifra Saqlain
  
  I have done that and one form looks fine but on another its added a "-" into the name of the form which I have checked on admin and its all correct their

   

  I believe the issue is the claim type as its picking that up as it is also a nested input?
  
  

• Chris Fewster

  • 19 de janeiro de 2022 12:24

  Managed to fix it using the following 

   

  var getText = $('.request_ticket_form_id .nesty-input').text();

Por favor, entrar para comentar.