Moving, Spacing, Aligning Standard and new action buttons

Questions related to using nuBuilder Forte.

Moving, Spacing, Aligning Standard and new action buttons

Unread postby icoso » Thu Apr 08, 2021 2:59 am

I found this older post about moving a button into another area of the form.

What I want to do is when adding a nuActionButton up in the standard button area of the form (where the Save, Delete,Clone buttons are located), IS there anyway to align one of those buttons to the right?
For example, my manager wants the Save button, and my other nuaddaction buttons in their normal location in the button bar (left justified) , but they want the DELETE button moved far to the right so their users dont accidentally click it.
Is there any way to specify/change the spacing and or alignment of those buttons?
Posts: 150
Joined: Mon Feb 08, 2021 7:39 am
nuBuilder Version: 4.5

Re: Moving, Spacing, Aligning Standard and new action button

Unread postby kev1n » Thu Apr 08, 2021 3:35 am

1. In Setup -> Header, between the style-tags, add

Code: Select all
nuDeleteButton {   
    margin: 0 0 0 1000px;

2. and modify nuOnLoad() like this:

Code: Select all
function nuOnLoad() {

if(nuFormType() == 'edit'){
     let c = $('#nuCloneButton');
     c.insertBefore($(c.siblings()[c.index() - 1]));
} else
if(nuFormType() == 'browse'){
     // Browse Form loaded

sc.png (8.51 KiB) Viewed 22 times
nuBuilder Team
Posts: 1624
Joined: Mon Oct 15, 2018 2:13 am
nuBuilder Version: 4.5

Return to General

Who is online

Users browsing this forum: absalom, GlenMcCabe and 24 guests