I have a shared template with some tabs in it when i add that template in to a modal the tabs working properly But when i add the same template to a main tab the tabs inside modal is not changing and changing the tabs inside main tab
Related
I am using a vuetify navigation drawer. Inside is a submenu. When I expand/collapse the submenu it causes the navigation panel to disappear. I am looking for the correct way to prevent that from happening.
I have an example here:
https://codepen.io/uglyhobbitfeet/pen/MWeBLwJ?editors=1010
Note - I purposely set the navigation panel to be temporary instead of permanent, because I don't want the menu displaying unless someone clicks on the hamburger icon.
<v-navigation-drawer v-model="drawer" absolute right temporary>
Your navigation drawer disappear because your watch the property "group". So when group is toggled, the watcher see a change, and it update to false your navigation drawer, as you code it
As your submenu is a nested component, you don't need to add the v-model group just remove it and the watcher
I have a set of related page actions. I would like multiple menu options to appear in the page action list, and I'd rather not create separate extensions for each one.
Is it possible to:
Create multiple page actions in the menu from a single extension (question: how would the OnClick event work?)
Create a flyout menu like the "Send Tab to Device >" flyout that appears by default
I'm using Ace Editor in a Rails app with TurboLinks. The editor is initialized each time a page is loaded (including when a page is loaded via the browser 'back' button):
$(document).on('turbolinks:load', function () {
var editor = ace.edit("editor");
});
When clicking a link to another page in the application, and then clicking the browser 'back' button, the editor field is corrupted. For example, if the data in the editor is:
toto
tata
The data (displayed in the textarea of the editor) after going to another page an coming back becomes:
12tototataXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
How to prevent this from happening in my application?
My workaround was the following (executed at each turbolinks:load event, including when user uses 'back' button):
remove the previous editor div (exists only when using 'back' button), with something like $('#editor').remove()
load the content from a hidden div that is never edited
add a new div for the editor, with the content to edit (something like $('#foo').after(${content})
initialize the editor with ace.edit("editor");
I'm using the bootstrap 3 navbar with drop down. Default is behaviour is on click open dropdown and on second click close. I want to visit the link on second click. Is that posible whith default bootstap functionality>
Try this:
$('.dropdown').on('show.bs.dropdown', function () {
$(this).siblings('.open').removeClass('open').find('a.dropdown-toggle').attr('data-toggle', 'dropdown');
$(this).find('a.dropdown-toggle').removeAttr('data-toggle');
});
This will toggle the dropdown open on the first click, while closing any other open dropdowns. If you click the parent of the open dropdown menu again it will navigate to it's href. If you toggle a different dropdown it will "reset" any dropdowns that were open so that you can re-toggle them again.
How can I open a telerik:RadWindow so that it replaces the existing window (parent)? I do not want the window as a modal.
If you are opening a RadWindow from within a RadWindow read this: http://www.telerik.com/help/aspnet-ajax/window-programming-opening-from-within-dialog.html.
If your RadWindows use their ContentTemplate it should not be needed and they should be able to move in the entire browser.
If they are already in an iframe (e.g., in a splitter pane, pageview or some other layout you have) the same approach from getting the main window (usually via window.top) will do the trick.
If you do not want an HTML popup you will need to use browser popups. a RadWindow is merely HTML + CSS + JS so it cannot be equivalent to a real browser window.
If you want certain pages to open in the main page when initially opened in a RadWindow look into these articles:
- http://www.telerik.com/help/aspnet-ajax/window-application-alert-for-entire-page.html
- http://www.telerik.com/help/aspnet-ajax/window-application-is-page-in-radwindow.html
or generally into frame buster scripts/tricks.