Keep Tabs Static

Forums Dynamic Forms for SharePoint Keep Tabs Static

Viewing 1 reply thread
  • Author
    Posts
    • #14201
      Celeste Garcia
      Participant

      Is there a way to keep tabs static at the top of the form, so users always see the tabs?

    • #14214
      Alexander Bautz
      Keymaster

      Hi,
      You can use some custom code in DFFS (in the Custom JS tab) to move the tabrow up over the “contentBox” like this:

      setTimeout(function(){
          $("#tabWrapper").css("margin-left",$("#contentBox").css("margin-left")).appendTo($("#ribbonBox"));
      },1000);
      
      $(".tabBase").click(function(){
          $("#tabWrapper").insertBefore($(".dffsTabRow"));
          spjs.dffs.resizeDlg();
          setTimeout(function(){
              $("#tabWrapper").css("margin-left",$("#contentBox").css("margin-left")).appendTo($("#ribbonBox"));
          },250);
      });

      Please note that this method is not perfect, but it gives you an idea of what can be done with some custom code.

      I’m sure there are other methods also so everyone feel free to post other methods.

      Alexander

      • #14216
        Celeste Garcia
        Participant

        Thank you! This code works just fine – I only wanted to hide the tab row border since it didn’t follow the tabs when they moved, so added the following to the Custom CSS tab:

        .dffsTabRow{
        border-bottom:none!important;
        }

        Seems alright to me, but if there’s a cleaner way I’m happy to hear it! Thanks again.

        Cheers,
        Celeste

Viewing 1 reply thread
  • You must be logged in to reply to this topic.