nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

question about aui tabs

laurent_g9ifka

I use AUI tabs to show 3 confiform tableview in 3 tabs. As describe in AUI.atlassian documentation there is on active (or main tab) and three other. MY pb is when I work in confiform table (table3 or 2 show in tab3 or 2) each time confiform refresh page it always return on First tab not on last tab used.

someone can help me to rest on current tab even if confiform refresh page after a new record ?

thx

Accepted answers

Alex Medved _ConfiForms_

I believe you can tell what tab should be active, and that is by adding #tabname to the url

Which means you can probably set ConfiForms to redirect (via IFTTT rule, for example) on submit (create/modify) to the url you need

Alex

All comments

Alex Medved _ConfiForms_

I believe you can tell what tab should be active, and that is by adding #tabname to the url

Which means you can probably set ConfiForms to redirect (via IFTTT rule, for example) on submit (create/modify) to the url you need

Alex

laurent_g9ifka

Nop, it doesnt work. Even if I manually enter URL#tabname I have good URL in address bar but the page show always the the tab that was defined as active tab...

I think it s necessary to change active tab with js or jql but I don't know well scripts languages

Alex Medved _ConfiForms_

I am not a pro in Atlassian aui tabs and this is really not my cup of tea, but after a bit of a research I think that this little script could help

<script type="text/javascript"> 
 AJS.toInit(function () { 
   initTabFor(); 

   AJS.$(window).on('hashchange', function() { 
     initTabFor(); 
   }); 
 }); 

function initTabFor() { 
  var hash = AJS.$(window.location).attr('hash'); 
  if (hash !== '') { 
    AJS.tabs.change(jQuery('a[href="' + hash + '"]')); 
  } 
} 
</script>

You will need to put it on your page - what it does is, it reads the anchor from the URL and tells the tabs to "switch" to this anchor

Obviously the anchor needs to be the same as the ID of a tab

The example is based on the https://aui.atlassian.com/aui/8.5/docs/tabs.html

Hope it helps

Alex

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

server

confluence-server

confiforms