Tabbed Interface: Collapsing on each ASP.NET page postback and doesn't Expand on IE11

[zyxy]

Bonjour,

I am new posting on GitHub and I hope I am not duplicating any existing issues/questions. I searched quite a lot on GitHub and Google for the solution, to no avail. Anyway, I am currently developing a web application on WET4. I successfully implemented the data tab interface (screenshot attached) with the following code. I tried many attributes/classes suggested here on GitHub:

http://wet-boew.github.io/v4.0-ci/docs/ref/tabs/tabs-en.html

which do not seem to change anything; several of which Visual Studio do not recognize. Any ideas where to look for the issue? Specific missing files (or wrong versions)? I DID find this file online (for WET v3.1 though) which was missing from my polyfills folder in my project. I added it, added a reference to it in my theme-wet4.master page, still not working.

https://github.com/wet-boew/wet-boew-legacy/blob/v3.1/src/js/polyfills/sessionstorage.js

My current code:

[CODE ATTACHED AS I CAN'T SEEM TO ADD IT EVEN WITH THAT SPECIFIC BUTTON AND QUOTES]
WET_Tabbed_Interface_(Mine)_Code.txt

Finally, I am aware that there are actually two distinct issues mentioned in the subject line. Above so far this is more about the collapse on PostBacks. Should I create yet another thread specifically for my IE11 issue?

Thank you very much in advance for your help! Have a great day!

Zyxy

[duboisp]

The tabs plugins seems to not being called. You first class should be wb-tabs instead of data-wb-tabs

Like:

 <div class="wb-tabs">
    <div class="tabpanels">
    ....
    </div>
    ....
</div>

See the source code of the working example here: http://wet-boew.github.io/wet-boew/demos/tabs/tabs-en.html

If that doesn't work, can you provide a copy of the rendered HTML markup that are sent to the client browser.

[zyxy]

Bonjour Pierre, thanks for your quick response. Sorry it took me a while to reply as I was addressing other issues in this project. Attached are the markups rendered on the client side. One HTML page is generated with wb-tabs and the other one with data-wb-tabs. Note that if I use wb-tabs only, the section headers do not appear at all on the user interface, despite that the underlying markup is present. Encore un gros merci pour votre aide! Bonne fin de journée! On Tuesday, November 6, 2018, 2:40:45 p.m. EST, Pierre Dubois <notifications@github.com> wrote: The tabs plugins seems to not being called. You first class should be wb-tabs instead of data-wb-tabs Like: <div class="wb-tabs"> <div class="tabpanels"> .... </div> .... </div> See the source code of the working example here: http://wet-boew.github.io/wet-boew/demos/tabs/tabs-en.html If that doesn't work, can you provide a copy of the rendered HTML markup that are sent to the client browser. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

[duboisp]

@zyxy the attachment didn't get uploaded in the issue when you replied by email. But you can add it if you go through the github website by adding a comment at this issue.

[zyxy]

Oops sorry here they are, to go along with my reply above ;-) Thanks very much for pointing that out!

WET_Tabs_Client-side_markup.zip