Oracle APEX Tabs Container - Control selection using jQuery


This blog is about how you can control the tab selection using jQuery for Tabs Container region. I have seen, there are many other-ways to achieve same - but I have tried to following APEX's way and manage the selection by APEX's JavaScript code.

$('#<tabs_container_region_id> ul.t-Tabs:first').aTabs('getTabs')['#SR_<sub_tab_region_id>'].makeActive();

Working Demo

Hope this helps.

Regards,
Jaydip Bosamiya
jbosamiya@gmail.com

Comments

My photo
Jaydip Bosamiya
I am Oracle APEX Consultant, Blogger and Integrator. All-rounder in building small, medium and enterprise applications. Extensive knowledge in various area of web-driven applications in Back-end (PL/SQL, SQL, Java), Front-end (Oracle APEX, HTML, JavaScript, CSS, jQuery, OracleJET, ReactJS), RESTful APIs, Third-party library integrations (Apex Office Print (AOP), Payment Gateways, Syncfusion, HighCharts) and APEX Plugins (HighChart, StarRating)

Popular posts from this blog

Convert Classic Report Card Template and Card List Template into Flip Card Animated Templates

jQuery Circular Progress Bar - Pie Chart

How to create your own customized nested report regions using jQuery