Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TABS, PILL TABS, first tab/pill don't showing content when page is loaded #78

Open
mlukac89 opened this issue Nov 17, 2017 · 3 comments
Open

Comments

@mlukac89
Copy link

@mlukac89 mlukac89 commented Nov 17, 2017

When you open page UI Elements -> Cards i see TABS are not showing content until you click on other and back on first, same for pills.

Possible fix : ( worked for me )

<script type="text/javascript"> $(document).ready(function(){ $('.nav-item').tab('show'); $('.nav-tabs li a:first').trigger('click'); }); </script>

@modularcoder
Copy link
Member

@modularcoder modularcoder commented Nov 22, 2017

@mlukac89 thanks for the report

@modularcoder modularcoder added the bug label Nov 22, 2017
@dkmatthew
Copy link

@dkmatthew dkmatthew commented Jan 14, 2018

Hi!
The same problem in modal window at /item-editor.html. Tabs not display content while you click on other and back to first.
How to fix this?
Script from first comment works only with "Basic Tabs" and not working with "Pill Tabs" and tabs from modal window

@m10241
Copy link

@m10241 m10241 commented May 18, 2018

Alright, we only need to add "show" class to the elements in src/app/ui-elements/cards/tabs/(basic-tabs.hbs | pill-tabs.hbs):26

<div class="tab-pane fade in active show" id="home-pills">

worked for me!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
4 participants
You can’t perform that action at this time.