Last Updated: 20 Jun 2017 14:50 by kencox
Marin Bratanov
Created on: 18 Nov 2014 14:39
Category: Editor
Type: Bug Report
Insufficient toolbar width when EditType=Inline and editor width is set in percent
The RadWindow used to hold the toolbar does not have a proper width set and the toolbar's layout is unusable.
Possible workarounds:
- avoid setting the Width property of the editor in percent
- set the ToolsWidth property to the desired static value
- use the following script to calculate the current dimensions each time the toolbar shows up:
function OnClientLoad(sender, args) {
	var toolPopup = sender.get_toolAdapter().get_window();
	toolPopup.__editor = sender;

function resizeToolWindow(sender, args) {
	if (sender.__editor) {
		var editorDims = $telerik.getBounds(sender.__editor.get_element());
		var currDims = sender.getWindowBounds();
		sender.moveTo(editorDims.x, editorDims.y - currDims.height - 10);

where the OnClientLoad function is attached to the OnClientLoad event of the editor

Leave your comment on the desired behavior - whether the toolbar should have a static width (i.e., the initial width with which the editor renders, as is the current behavior with the ShowOnFocus ToolbarMode), or whether it should update its width according to the editor width when it shows up (as the script above does).
1 comment
Posted on: 18 Nov 2014 15:37
It would be best for me to have the toolbar width sync with the editor width. I set the editor at 100% so it resizes in its container. The toolbar should do the same. Hardcoding the toolbar width (as in the workaround) prevents the page from being responsive. 

It would also be nice to make the toolbar groups show and hide the way the radlayout control does with attributes such as HiddenXs="true" and HiddenSm="true"

Keep up the great work guys! KendoUI is nice, but when you've got to get a site up fast, there's nothing like the RAD controls.