Intersoft Community - WebGrid Enterprise - set position of CustomEditor Slidebar

set position of CustomEditor Slidebar

Glayaar — Thu, 03 Sep 2009 22:54:19 GMT

Without modifying the code you could add a mousedown event during enter edit mode to the dropdown icon image to reposition the image. However, it is highly suggested to achieve this feature to modify the unophuscated code.

Here is the snippet, again in the sample I always position the sliderbar in top left corner:

function WebGrid1_OnEnterEditMode(controlId, tblName, editObject) {
    var grid = ISGetObject(controlId);

    var dropDownID = editObject.gridId + "_DDSlidebar";
    Listener.Add(document.getElementById(dropDownID), "onmousedown", function() { repositionSlidebar() });
}

function repositionSlidebar() {
    
    t = null;
    
    t = setTimeout(function() {
        document.getElementById("placeholderSlidebar").style.top = "10px";
        document.getElementById("placeholderSlidebar").style.left = "10px";
    }, 100);
}

set position of CustomEditor Slidebar

vangeloni — Wed, 02 Sep 2009 12:09:12 GMT

Hi,

the code is ok, no problem, we are implementing our custom slidebar based on that code.

Anyway on current version we are using the standard Slidebar customEditor and we have to change its position for our demo.

Thanks,

Vince

set position of CustomEditor Slidebar

james — Wed, 02 Sep 2009 11:35:58 GMT

Vince, the code that Glenn provided above should do it. Doesn't that work for you?

- James

set position of CustomEditor Slidebar

vangeloni — Wed, 02 Sep 2009 04:00:19 GMT

ok, thanks.

Anyway using the standard Slidebar, without rewrite it; how to change position?

Thanks,

Vince

set position of CustomEditor Slidebar

Glayaar — Wed, 02 Sep 2009 03:37:26 GMT

Based on the unophuscated code I attached on CustomEditor thread, the this.OnDropdown function, line #128, will be responsible to show the slidebar and position it on the screen. These are the original lines to position the slidebar:

if (left+width > document.body.offsetWidth)
  ddObj.style.left = left - ((left+width) - document.body.offsetWidth) - 50;

if (top+height > document.body.offsetHeight) {
  var pTop = top - ((top+height) - document.body.offsetHeight) - 20;
  if (pTop < 0) pTop = 25;
  ddObj.style.top = pTop;
}

For example if you wanted to always position the slidebar 10px from the left and top of the page, please modify the line above to these lines:

ddObj.style.left = "10px";
ddObj.style.top = "10px";

set position of CustomEditor Slidebar

vangeloni — Wed, 02 Sep 2009 02:54:34 GMT

Hi,

how to set the top and left offset for the customEditor Slidebar, in order to change the position where the slidebar appear.

Thanks,

Vince