nuBuilder Forum

Posted: **Mon Nov 22, 2021 4:38 pm**

Hello,

I've added the following custom code to move just the nuActionHolder to a left vertical position for only the edit form, and change the nuActionButton format to be bigger.

Code: Select all

if (nuFormType() == 'edit') {
    nuResize()}
    


function nuResize() {
   
     var h = window.innerHeight;

     $('#nuActionHolder').css({
         'width': '100px',
         'float': 'left',
         'height': h,
         'border-right': 'solid',
         'border-right-width': 'thin'
     });
    $('.nuActionButton').css({
         'width': '90px',
         'height': '45px',
         'margin':'5px'
     });
    $('.nuBackBtnButton.nuActionButton').css({
         'width': '90px',
         'height': '45px',
         'margin':'5px'
     });
   
}

However the Back button always retains it's original css code and looks different to the rest.

nuActionHolder.png

I've tried to target the Back button using #nuBackBtnButton and #nuBackBtnButton.nuActionButton but neither have any effect. Does anyone know if there is another class I should be targetting to change the Back button?

Thanks,
Paul

Posted: **Mon Nov 22, 2021 4:59 pm**

Add this in the function nuResize():

Code: Select all

$(function() {
    $('#nuBackBtnButton').css({
         'width': '90px',
         'height': '45px',
         'margin':'5px'
     });
});

Posted: **Mon Nov 22, 2021 5:02 pm**

Great, thank you kev1n that worked

Can I ask how it works? How does the function within the function force the css to be applied?

Posted: **Mon Nov 22, 2021 5:06 pm**

This is a jQuery construct, see here: https://api.jquery.com/ready/ The event occurs when the HTML document has been fully loaded.

Posted: **Mon Nov 22, 2021 5:08 pm**

Thank you

Posted: **Thu Jan 27, 2022 3:59 pm**

Hello! I'm absolutly a newbie.
In my nuActionHolder there isn't the back button, why? Probably I have to add it but I don't understand how...

Posted: **Thu Jan 27, 2022 4:04 pm**

Hi,

Edit nuconfig.php and set this option to true.

Code: Select all

nuUXOptions['nuShowBackButton']= true;

You must restart your browser after modifying nuconfig.php in order for changes to be reflected

Posted: **Thu Jan 27, 2022 4:31 pm**

kev1n wrote: ↑Thu Jan 27, 2022 4:04 pm Hi,

Edit nuconfig.php and set this option to true.
Code: Select all
nuUXOptions['nuShowBackButton']= true;
You must restart your browser after modifying nuconfig.php in order for changes to be reflected

Thank you very much!

nuBuilder Forum

CSS not Being Applied to the Back Button?

CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?

Re: CSS not Being Applied to the Back Button?