Keep Tabs Static

[Celeste Garcia]

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

[Alexander Bautz]

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

[Celeste Garcia]

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

[Author]

Posts