Welcome to the nuBuilder Forums!

Register and log in to access exclusive forums and content available only to registered users.

Make font larger in form?

Questions related to using nuBuilder Forte.
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

Re: Make font larger in form?

Unread post by Olikun »

wow, such a quick answer

many thanks :)
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

Re: Make font larger in form?

Unread post by Olikun »

kev1n wrote:

Code: Select all

input {
    font-size: 20px;
}
is this for making the text in the box bigger?

Where do I have to enter this?
kev1n
nuBuilder Team
Posts: 4307
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 448 times
Contact:

Re: Make font larger in form?

Unread post by kev1n »

Under Setup -> Header, between the Style Tags.
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

Re: Make font larger in form?

Unread post by Olikun »

Hello,

I have one more question on the same subject

I use this code to make the font bigger.

It works very well

Code: Select all

// Schrift verschieben und groesser machen - START


function custFieldLabelsOnTop(f, e) {
    for (var i = 0; i < f.length; i++) {
        if (jQuery.inArray(f[i], e) == -1) {

            var t = $('#' + f[i]).cssNumber("top");
            var l = $('#' + f[i]).cssNumber("left");
            var w = $('#' + f[i]).cssNumber("width");
            $('#' + 'label_' + f[i]).css({
                'top': t - 43,
                'left': l - 10,
                'width': w + 400,
                'font-weight': 'bold',
                'font-size': '22px',
                'text-align': 'left'
            });
        }
    }
}

if (nuFormType() == 'edit') {
    var f = nuSubformObject("").fields; // include all fields of your main form.
    custFieldLabelsOnTop(f, []);
}


// Schrift verschieben und groesser machen - ENDE

But now I would like to increase the content of a single field.

Like in this picture.


How do I do that?

Image
kev1n
nuBuilder Team
Posts: 4307
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 448 times
Contact:

Re: Make font larger in form?

Unread post by kev1n »

Code: Select all

custFieldLabelsOnTop(['single_field'], []);
Olikun
Posts: 68
Joined: Tue Mar 09, 2021 6:45 pm

Re: Make font larger in form?

Unread post by Olikun »

kev1n wrote:

Code: Select all

custFieldLabelsOnTop(['single_field'], []);

ok, and I enter that directly in the custom code of the field?

or in the custom code of the form?

Where do I enter the font size?
kev1n
nuBuilder Team
Posts: 4307
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 448 times
Contact:

Re: Make font larger in form?

Unread post by kev1n »

To just change the font size, add this JS in the form's Custom Code:

Code: Select all

$('#object_ID' ).css('font-size','22px');
kev1n
nuBuilder Team
Posts: 4307
Joined: Sun Oct 14, 2018 6:43 pm
Has thanked: 71 times
Been thanked: 448 times
Contact:

Re: Make font larger in form?

Unread post by kev1n »

It's also possible to change the style (size, color etc.) without JavaScript by using HTML tags in the Label.

To show the title bigger:

Code: Select all

<h2>nuBuilder</h2>
or even bigger:

Code: Select all

<h1 style=font-size:30px>nuBuilder</h1>
Post Reply