Solved

Is it possible to change the font size for the add row text

  • 9 December 2016
  • 4 replies
  • 5 views

Badge +6

I've been asked to increase the font size of the text that is placed under the repeating section but I cannot work out how this can be done.

 

Any advice is welcome.

icon

Best answer by philipplucas 20 December 2016, 10:57

View original

4 replies

Badge +11

Hi Paul,

you can achieve this by using JavaScript/Jquery. First you navigate to your form settings and open up the advanced section. In the "Custom JavaScript Includes" you add your JQuery library (for example you can simply add this URL: https://code.jquery.com/jquery-2.2.4.js). Afterward you open the "Custom JavaScript" section of your form settings and enter the following script:

NWF$(document).ready(function(){
$("a.nf-repeater-addrow-link").html("Hello World!");
});

This will change the text off the link to add a new row to a repeating section.

You may want to change the text as "Hello World!" may not what your users are supposed to see there

Cheers

Philipp

Badge +1

Good morning,

thats the way to change the text itself, but how to change the font size?

Thanks 
Michael

Badge +11

Since we are manipulating the "html" we are able to provide a whole html tag. That means we can do something like this:

NWF$("a.nf-repeater-addrow-link").html("<span style='font-size: 15px !important;'>Hello World!</span>");

Badge +1

Thanks, works perfect!

Reply