Vertical tabs error

Questions related to customising nuBuilder Forte with Javascript or PHP.

Vertical tabs error

Postby mariri » Thu Jan 09, 2020 10:34 pm

Hi guys !

When I use the 'nuSetVerticalTabs()' Javascript procedure in any form with the latest version of NuBuilder, I have a problem with the first tab : an HTML code appears instead of the tab title.
Does anyone else have the same problem ?

Thanks for ur help !
Attachments
Vertical tab.PNG
Vertical tab.PNG (35.29 KiB) Viewed 38 times
mariri
 
Posts: 42
Joined: Mon Sep 02, 2019 7:24 pm

Re: Vertical tabs error

Postby kev1n » Thu Jan 09, 2020 10:55 pm

Here's a fix:

Add this function in the Header (under Setup) and login again into nuBuilder.

Code: Select all
function nuSetVerticalTabs(){
   
   $('#nuTabHolder').css('display', 'inline-block');
   $('.nuTab').css('display', 'block');
   $('#nuRecord').css('display', 'inline-block');
   $('.nuTab').css('padding', '8px 2px 0px 2px');
   $('#nuTabHolder').css('height', window.innerHeight)

   var w   = 0;

   $('.nuTab').each(function( index ) {
      $(this).html('   ' + $(this).html());
      w   = Math.max(w, nuGetWordWidth($(this).html()));

   });

   $('#nuTabHolder').css('width', w + 30);
   $('.nuTab').css('width', w + 30);

}
kev1n
 
Posts: 411
Joined: Mon Oct 15, 2018 2:13 am

Re: Vertical tabs error

Postby mariri » Thu Jan 09, 2020 11:12 pm

Ok it works ! Thanks :P
mariri
 
Posts: 42
Joined: Mon Sep 02, 2019 7:24 pm

Re: Vertical tabs error

Postby admin » Wed Jan 15, 2020 7:44 am

kev1n,

I have added your changes to nuBuilder.

Thanks again.


Steven
admin
Site Admin
 
Posts: 3193
Joined: Mon Jun 15, 2009 9:53 am

Re: Vertical tabs error

Postby kev1n » Wed Jan 15, 2020 1:17 pm

Thanks Steven
kev1n
 
Posts: 411
Joined: Mon Oct 15, 2018 2:13 am

Re: Vertical tabs error

Postby admin » Thu Jan 16, 2020 6:01 am

.
admin
Site Admin
 
Posts: 3193
Joined: Mon Jun 15, 2009 9:53 am


Return to Custom Code