+1-888-365-2779
Try Now
More in this section

Forums / General Discussions / UI changes across the whole back end (make designers wider!)

UI changes across the whole back end (make designers wider!)

4 posts, 0 answered
  1. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    05 Sep 2014
    Link to this post

    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

  2. Nikola Zagorchev
    Nikola Zagorchev avatar
    424 posts
    Registered:
    08 Dec 2016
    10 Sep 2014
    Link to this post
    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);
        });
      }
    })
    This will make the window resizable. You can also use setSize function to set a specific size.

    Regarding the textarea in the javascript control, you can try make it resizable using css:
    element {
        resize:both;
        overflow:auto;
    }


    Regards,
    Nikola Zagorchev
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
  3. Richard
    Richard avatar
    103 posts
    Registered:
    04 Apr 2013
    03 May 2015 in reply to Nikola Zagorchev
    Link to this post
    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)
  4. Stefani Tacheva
    Stefani Tacheva avatar
    718 posts
    Registered:
    06 Dec 2016
    08 May 2015
    Link to this post
    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);
        },

    You can use the above function instead of the resizeToContent. Please, review this video (http://screencast.com/t/nYyqVYYyh77I) showing the functionality of the sample. The designer will get scrollbars when the content is wider than it is, we will get the width from the scrollbar and will add the left and right margins, then set the new width to the designer.

    The following forum thread might also be useful:

    http://www.sitefinity.com/developer-network/forums/developing-with-sitefinity-/custom-widget-and-resizetocontent

    Regards,
    Stefani Tacheva
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
4 posts, 0 answered