Juice UI dialog - buttons missing after postback - juice-ui

I have a JuiceUI dialog with some datepickers and a couple of buttons. If I do a postback (unrelated to this dialog), and pop-up the dialog again, the buttons are no longer there. See below the code I use to create the dialog.
<juice:Dialog ID="mDlgEditDates" TargetControlID="dlgEditDates" runat="server" AutoOpen="false" Modal="true" Buttons="{'Edit Dates': function() { EditDatesClick(); }, 'Close': function() { EditDatesClose(); } }" />

This is due to the same issue as reported here: Unable to access controls inside JuiceUI dialog. Please see the answer and link to the issue on github.

Related

Click Button Inside Telerik RadWindow Upon Opening

Upon the click of a button, the RadWindow in question opens. Immediately after it finishes doing so, I'd like to click one of the buttons within it. Additionally, I'd like for the window to be hidden upon launch. Is there a simple way to do either of these? Any assistance would be appreciated.
In the Javascript the RadWindow is populated from, I used this.
window.addEventListener('DOMContentLoaded', function() {
console.log('DOM fully loaded and parsed');
$telerik.$("#Submit1").click();
});

Antd Popover close only when click on a button

Here is sandbox Antd pop over
As you can see in the example when you click out side anywhere, popover automatically closed. I want to disable that thing and close it only through click on a button.
I don't see such options in Popover and Tooltip apis.
Is this possible?
For this you need to remove your onVisibleChange={this.handleVisibleChange} method. You can call this.handleVisibleChange function on button click as given below:
<Popover
content={<a onClick={this.hide}>Close</a>}
title="Title"
trigger="click"
visible={this.state.visible}
>
<Button onClick={this.handleVisibleChange} type="primary">Click me</Button>
</Popover>
I have created a working example on codesandbox.io.

Kendo UI Menu jumping when menu is clicked

I have my menu set to:
.CloseOnClick(true)
.OpenOnClick(true)
(I am using MVC4 with Razor syntax)
When I click on a menu item, it opens the menu content, but when I click on the menu item again, the screen jumps down the page when it's not supposed to. I can't figure out why the screen is jumping.
Here is the code in question that is triggered:
items.Add().Text("Stores")
.Content(#<text>
<h2>Around the Globe</h2>
</text>);
It seems the screen is jumping because of the .Content() parameter.
Also, before the menu is clicked, the URL is:
http://localhost:55656/HelloWorld
But after it is pressed the URL changes to:
http://localhost:55656/HelloWorld#Menu-2
Although nothing changes besides the Kendo UI Menu opening up, it's not until it's pressed again that the screen jumps.
Seems like the Menu is navigating on click. This should only happen if you intend the item to navigate () or if you have a JavaScript error on the page and the click on the item is not prevented. Can you check if there really is an error and post it here?

set focus on textbox on a button click in mvc3

I have made a form in MVC and have included tabs. So I want to redirect to a text on a button lcik which is not in the default tab. So how can I do that
Write some jquery:
$('#buttonId').click(function(){
$('#textboxtofocusId').focus();
})

CKeditor 3.0 - How to know which toolbar button is clicked

I want to update few variables when any of the toolbar button (like bold, italic etc) is clicked. I'm unable to trap 'click' event on any of these buttons. Could somebody give me an example when clicking on 'bold' button would also pop up an alert box?
How can I trap 'paste' event?
I've googled a lot and searched ckeditor forum but couldn't find any solution. Any pointer would be really helpful.
Thanks.
I found out how to catch the paste event:
editor.on('paste', your_cb_fn);
However this doesn't seem to work for the button actions:
// does nothing
editor.on('Bold', your_cb_fn);
editor.on('bold', your_cb_fn);
The solution may be to edit the plugins in _source/plugins to create triggers, though that is not ideal.

Resources