UI changes across the whole back end (make designers wider!)
I don't why but in the back end so many dialogs are still in size (see screenshot) that lets you think most people use a Nokia Communicator to change stuff.
Since I don't think the UI team is going to change this anytime soon is there a easy way to make them wider. Enter javascript results in copy to window editor -> change -> copy it back.
That can't really be practical
Markus
Hello Markus,
You can make the dialog resizable using the rad window functionality. On your page you can execute the following script, for instance:
$(document).ready(
function
()
if
(location.href.indexOf(
'/Edit'
) > 0)
$(document).on(
"click"
,
".rdEditCommand"
,
function
()
var
manager= GetRadWindowManager();
var
wnd= manager.GetActiveWindow();
wnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Resize + Telerik.Web.UI.WindowBehaviors.Close);
);
)
element
resize:
both
;
overflow
:
auto
;
Does this work for a designer for my custom widget? I'd like the designer to be either wider or to be enabled to have the user make wider (in SF3.7 there was a full screen button in the top corner. This is replaced with just the X in SF6.3)
Hi,
You can control the widget designer size from the dialogBase rad editor control, which is actually the dialog opened. You can set the size of the designer on the refreshUI function, which is called when the dialog is opened:
dialogBase.setWndWidth(
"600px"
);
dialogBase.get_radWindow().center();
or you can extract this in a function to be called when some changes are made to the content of the designer and update it:
_resizeControlDesigner:
function
()
setTimeout(
function
()
var
u = $(dialogBase.get_designer().get_element());
if
(u)
var
c = u.find(
"#designerLayoutRoot"
);
if
(c)
var
w = c[0].scrollWidth;
if
(w > 0)
w = w + 100 +
"px"
;
dialogBase.setWndWidth(w);
dialogBase.get_radWindow().center();
, 100);
,