ok instead of trying to find the name of default editor control i should use a custom control and mange its client side events.  I'll give that a try thanks

Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4

Hello Greg,

If I can see clear from the picture you are using WebTextEdit control.

In this case I can recommend you to use the client event Focus in order to operate with the Style of the event element.

Below there is a example demonstrating this

<igtbl:UltraGridColumn BaseColumnName="CategoryName" IsBound="True" Key="CategoryName" Type="Custom"

                        EditorControlID="WebTextEdit1">

<igtxt:WebTextEdit ID="WebTextEdit1" runat="server">

        <ClientSideEvents Focus="WebTextEdit1_Focus" />

    </igtxt:WebTextEdit>

function WebTextEdit1_Focus(oEdit, text, oEvent){

                //Add code to handle your event here.    

     oEvent.srcElement.style.top = "90px";

     oEvent.srcElement.style.left = "90px";

}

Let me know if you need more assistance.

Here is an example of what it looks like... is there a client side event that i can use to capture the editor control after it is displayed and move it myself... in this example i'm not using any custom controls just the default edit box that the grid uses.  What is the name of this control when it is created?

Hello Greg,

Please feel free to ask if you need further assistance regarding this.

Hello Greg,

Thank you for the update.

You can get the position of the element in the AfterDropDown client event using the below code snippet :

        function getPosition(e) {

            e = e || window.event;

            var cursor = { x: 0, y: 0 };

            if (e.pageX || e.pageY) {

                cursor.x = e.pageX;

                cursor.y = e.pageY;

            }

            else {

                var de = document.documentElement;

                var b = document.body;

                cursor.x = e.clientX +

            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);

                cursor.y = e.clientY +

            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);

            }

            return cursor;

        }

        function WebDateChooser1_AfterDropDown(oDateChooser, dropDownPanel, oEvent){

            //Add code to handle your event here.

            alert(getPosition(oEvent.event).x + '  ' + getPosition(oEvent.event).y);

        }

<igsch:WebDateChooser ID="WebDateChooser1" runat="server">

            <ClientSideEvents AfterDropDown="WebDateChooser1_AfterDropDown">

            </ClientSideEvents>

        </igsch:WebDateChooser>

You are right that the this behavior can be caused by the CSS styles on the page.

I had similar situation where the WebDateChooser was nested in several controls.

The position attribute of the style of the calendar container inside the webdatachooser is set to absolute by default.

The solution in that situation was to set the position to static.

   <ClientSideEvents AfterDropDown="AfterDropDown" >

        function AfterDropDown(oDateChooser, dropDownPanel, oEvent) {          

            oDateChooser.container.style.position = "static";

        }

Please let me know if you have further question in this matter.