Is it possible to make the popup window of the Kendo MultiSelect and ComoboBox widget resizable?
By default kendo popup window is resizable true, so you can resize it using mouse pointer through the edge of window. You can also resize it using setOptions methods after the window already generated.
var theWindow = myWindow.data("kendoWindow").setOptions({
width: "500px"
});
For more detail, I provide example to resize the window based on combobox and multiselect value. Please find code on jsfiddle.
As my example, using combobox you can resize width of the window and by using multi select you can resize width and height of the window. I call setOptions method inside onchange event of ComboBox and MultiSelect.
Related
Is there a WM_MEASUREITEM type item for custom drawing treeview items via NM_CUSTOMDRAW? I'd like to be able to report the width the item will actually be once I paint it in the post paint so a horizontal scrollbar doesn't show up when not needed (because I truncate the text with a ...).
Thanks.
AFAIK, there is no equivalent of WM_MEASUREITEM for a TreeView control.
The tooltip docs say that
A tooltip control always has the WS_POPUP and WS_EX_TOOLWINDOW window
styles, regardless of whether you specify them when creating the
control.
Meanwhile, the way to custom draw a tooltip is through WM_NOTIFY/NM_CUSTOMDRAW, which would require a parent.
So how is custom-draw performed if the tooltip is always a popup?
I am using CKEditor 4 and trying to customize a toolbar to show to non-Admin users of our software. I know how to remove the "Image" button from the toolbar to prevent non-Admins from inserting image elements into our templates. However, I still want them to be able to edit an existing image within a template by double-clicking on it. With the Image insert button removed, I can still perform this action and the resulting dialog displays the source, alt text, and image preview portions. But, the Width, Height, and Ratio Lock controls are hidden. Upon inspecting the markup, it looks as though the table of class cke_dialog_ui_hbox that resides several nodes up from the txtWidth container has an inline display style set to none.
Is there a way to hide / not show the Insert Image toolbar button while still displaying the width, height, and ratio lock controls in the Image dialog box?
I have tried using config.removeButtons as well as config.toolbar and specifying the buttons that I want displayed in the insert group but the presence of the button or not appears to impact the plugin functionality by arbitrarily hiding certain controls.
I learned through Fiddling that the styles attribute on an img definition in the allowedContent object determines whether or not the width and height fields display in the image dialog box.
CKEDITOR.editorConfig = function( config ) {
allowedContent = {
img: {
attributes: true,
classes: true,
styles: 'width,height'
}
}
};
Either I missed that in the documentation somewhere or it just wasn't readily apparent to me.
Fiddle:
https://jsfiddle.net/a913q0mz/
Sounds like the best solution will be to hide the button with CSS.
In your theme (e.g. ckeditor/skins/moona-lisa) open editor.css and add this at the bottom:
a.cke_button.cke_button__image { display: none; }
Save and do a force refresh (Ctrl-Shift-[click refresh]) and you should be good.
I have a kendo grid which each row has an edit button. I am using Bootstrap to add a tooltip to the edit button, as well as other things. The edit button brings up a window to edit the attributes of the row model.
The tooltip kept getting cut off by the boundaries of the grid. To solve this I used placement=body when initializing the tooltips.
The problem I have now, is that the the tooltip does not hide if the button is clicked, and the editor window comes up. I tried changing the trigger to just be 'hover', but that did not help.
I tried doing ('[title]').tooltip('hide') in the edit event of the grid, but that doesn't seem to work at all.
I believe the problem has to do with 'edit' opening a kendo window. Because the other buttons with tooltips are fine, as they trigger a BootstrapDialog.
What happens is that the .tooltip has a z-index of 1070 while .modal has a z-index of 1050.
You can add the following to your css to ensure that .tooltip is displayed below .modal :
.modal{
z-index: 1071;
}
Of course, this means that you absolutely can't have a tooltip displayed from inside your modal, so this maybe doesn't suit your specific needs.
If that's the case, you should be able to add another class to your tooltip div and override the z-index on this class.
I'm well aware of the monkey-patch nature of this fix, but I've looked for a solution for this for weeks and couldn't find anything better.
Only on first click on kendo grid widget (thead or tbody), the page scroll as shown on attached gif.
The problem is due to tabindex attribute added to table when 'allowCopy' is enabled.
Removing tabindex attribute in jquery, the scroll issue disappear, but copy doesn't work.
Any way to avoid this annoying behaviour?