X-Git-Url: https://gerrit.onap.org/r/gitweb?a=blobdiff_plain;f=POLICY-SDK-APP%2Fsrc%2Fmain%2Fwebapp%2Fapp%2FpolicyApp%2FCSS%2Fbootstrap%2Fdocs%2F_includes%2Fjs%2Fdropdowns.html;fp=POLICY-SDK-APP%2Fsrc%2Fmain%2Fwebapp%2Fapp%2FpolicyApp%2FCSS%2Fbootstrap%2Fdocs%2F_includes%2Fjs%2Fdropdowns.html;h=98184eb9cc5dee604e2682ba503c636fcd4ff077;hb=e0addf5b588a1244f9679becd90999dfcb4c3a94;hp=0000000000000000000000000000000000000000;hpb=39fb0f30472777e4b60d6a7ac8aa4eb9773961ff;p=policy%2Fengine.git diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/js/dropdowns.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/js/dropdowns.html new file mode 100644 index 000000000..98184eb9c --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/js/dropdowns.html @@ -0,0 +1,201 @@ +
Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills.
+ +Via data attributes or JavaScript, the dropdown plugin toggles hidden content (dropdown menus) by toggling the .open
class on the parent list item.
On mobile devices, opening a dropdown adds a .dropdown-backdrop
as a tap area for closing dropdown menus when tapping outside the menu, a requirement for proper iOS support. This means that switching from an open dropdown menu to a different dropdown menu requires an extra tap on mobile.
Note: The data-toggle="dropdown"
attribute is relied on for closing dropdown menus at an application level, so it's a good idea to always use it.
Add data-toggle="dropdown"
to a link or button to toggle a dropdown.
To keep URLs intact with link buttons, use the data-target
attribute instead of href="#"
.
Call the dropdowns via JavaScript:
+{% highlight js %} +$('.dropdown-toggle').dropdown() +{% endhighlight %} +data-toggle="dropdown"
still requiredRegardless of whether you call your dropdown via JavaScript or instead use the data-api, data-toggle="dropdown"
is always required to be present on the dropdown's trigger element.
None
+ +$().dropdown('toggle')
Toggles the dropdown menu of a given navbar or tabbed navigation.
+ +All dropdown events are fired at the .dropdown-menu
's parent element.
All dropdown events have a relatedTarget
property, whose value is the toggling anchor element.
Event Type | +Description | +
---|---|
show.bs.dropdown | +This event fires immediately when the show instance method is called. | +
shown.bs.dropdown | +This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete). | +
hide.bs.dropdown | +This event is fired immediately when the hide instance method has been called. | +
hidden.bs.dropdown | +This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete). | +