Welcome to MSDN Blogs Sign in | Join | Help

News

  • These postings are provided "AS IS" with no warranties, and confer no rights. Use of included code samples are subject to the terms specified Terms of Use
Tip #50: Did you know…How to absolute position the controls in Visual Studio Designer?

Absolute positioning control(s) in the designer can seem confusing at first until you learn the visual cues. You can do one of the following two possible actions by dragging the control in the designer.

  1. Re-parent the control
  2. Change the controls position.

When you drag the body of the control, you are changing the parent of the control.  You can see this because the cursor changes to the small arrow with a square box. 

clip_image002

On the other hand, when you drag it by the white tag, you change the physical position of the control.  You can see this because the cursor changes to the 4-way arrow and there is no square box. 

clip_image004

Unfortunately, today the cursor shows a 4-way arrow when you hover over the body of a web control and that’s a known issue.  It should be only a 4-way arrow when you a hover on the white tag and a standard arrow when you hover on the body. You will see the right behavior with HTML button.

clip_image006

Note: Additionally the first drop of the control always sets its parenting always, not its position.

Vinayabhushana GattamReddy
TM || Visual Web Developer

Posted: Tuesday, March 31, 2009 2:32 PM by WebDevTools

Comments

What's New said:

Absolute positioning control(s) in the designer can seem confusing at first until you learn the visual

# March 31, 2009 7:30 PM

Steve Wellens said:

>> You can see this because the cursor

>> changes to the small arrow with a square box.  

I know what you mean, but the image doesn't show the square box.  (It can be seen by dragging off the control with the mouse)

# March 31, 2009 9:35 PM

Kent Ormes said:

The visual layout of the page in design mode still seems confusing to me. Objects such as datasources always show and are hard to move out of the way to allow me to visually layout the objects that will display in the browser. Is there a standard way to move those objects out of the way?  Place them in a separate table cell? etc?  

# April 1, 2009 12:37 AM

Josh Jordan said:

Good article. Didn't know this one.

Kent, it is a generally accepted practice to place non-visual designer elements, such as datasources, at the bottom of the page, beyond all other controls. If they are at the top, they will very often conflict with the visual "flow" of your design, but shouldn't give you much trouble at the bottom.

# April 1, 2009 2:56 AM
Leave a Comment

(required) 

(required) 

(optional)

(required) 

  
Enter Code Here: Required

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Page view tracker