HighTechTalks DotNet Forums  

webform control placement

ASP.net Web Controls microsoft.public.dotnet.framework.aspnet.webcontrols


Discuss webform control placement in the ASP.net Web Controls forum.



Reply
 
Thread Tools Search this Thread Display Modes
  #1  
Old   
radiolandog
 
Posts: n/a

Default webform control placement - 11-26-2007 , 11:48 AM






I am struggling with positioning web form controls. It was suggested that I
place a table on the page - but it seems that the controls are positioned
independent from the table.

What practices will work? What should I avoid?

Thanks,
-dog




Reply With Quote
  #2  
Old   
Steven Cheng[MSFT]
 
Posts: n/a

Default RE: webform control placement - 11-26-2007 , 11:00 PM







Hi,

As for the webform control placement/layout question you mentioned, I think
use table is a simple and quick approach. Normally, in any html based web
page, you can structure the layout through nested tables. For example, for
a page with Header, Content, Footer section, you can use a top level table
with three rows(1cols) and if you want to further structure the Content
section, just put a nested table in the middle row.

As you mentioned that the controls are not located as the table cell they
reside, right? If so, would you provide some simple aspx/html snippet so
that we can have a look to see whether there is any other setting that
affect the controls' positioning.

Here are some web articles descrbing on html table and how to use it:

#How to use tables to structurize forms in HTML and about alternatives,
like fieldset
http://www.cs.tut.fi/~jkorpela/forms/tables.html

#Web Authoring FAQ: HTML Tables
http://htmlhelp.com/faq/html/tables.html


Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead


This posting is provided "AS IS" with no warranties, and confers no rights.




--------------------
Quote:
From: "radiolandog" <radiolandog (AT) nospam (DOT) nospam
Subject: webform control placement
Date: Mon, 26 Nov 2007 12:48:46 -0500
Lines: 11
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.3138
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.3198
X-RFC2646: Format=Flowed; Original
Message-ID: <Oi6BPRFMIHA.5160 (AT) TK2MSFTNGP05 (DOT) phx.gbl
Newsgroups: microsoft.public.dotnet.framework.aspnet.webcontro ls
NNTP-Posting-Host: 207.230.140.240
Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet.webcontro ls:2839
X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet.webcontro ls

I am struggling with positioning web form controls. It was suggested that
I
place a table on the page - but it seems that the controls are positioned
independent from the table.

What practices will work? What should I avoid?

Thanks,
-dog






Reply With Quote
  #3  
Old   
radiolandog
 
Posts: n/a

Default Re: webform control placement - 11-27-2007 , 12:48 PM



Thanks...

I was trying various methods to position the controls. I used a two column
table, relative positioning, absolute positioning, space bars...

When I cleaned out all the <style> tags in the HTML from my attempts at
using relative positioning and carefully placed the controls back in the
two-column table (with the left column right justified and the right column
left justified - I had the results I needed.

Moral of the story is to not be afraid of jumping into the HTML...





"Steven Cheng[MSFT]" <stcheng (AT) online (DOT) microsoft.com> wrote

Quote:
Hi,

As for the webform control placement/layout question you mentioned, I
think
use table is a simple and quick approach. Normally, in any html based web
page, you can structure the layout through nested tables. For example, for
a page with Header, Content, Footer section, you can use a top level table
with three rows(1cols) and if you want to further structure the Content
section, just put a nested table in the middle row.

As you mentioned that the controls are not located as the table cell they
reside, right? If so, would you provide some simple aspx/html snippet so
that we can have a look to see whether there is any other setting that
affect the controls' positioning.

Here are some web articles descrbing on html table and how to use it:

#How to use tables to structurize forms in HTML and about alternatives,
like fieldset
http://www.cs.tut.fi/~jkorpela/forms/tables.html

#Web Authoring FAQ: HTML Tables
http://htmlhelp.com/faq/html/tables.html


Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead


This posting is provided "AS IS" with no warranties, and confers no
rights.




--------------------
From: "radiolandog" <radiolandog (AT) nospam (DOT) nospam
Subject: webform control placement
Date: Mon, 26 Nov 2007 12:48:46 -0500
Lines: 11
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.3138
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.3198
X-RFC2646: Format=Flowed; Original
Message-ID: <Oi6BPRFMIHA.5160 (AT) TK2MSFTNGP05 (DOT) phx.gbl
Newsgroups: microsoft.public.dotnet.framework.aspnet.webcontro ls
NNTP-Posting-Host: 207.230.140.240
Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet.webcontro ls:2839
X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet.webcontro ls

I am struggling with positioning web form controls. It was suggested that
I
place a table on the page - but it seems that the controls are positioned
independent from the table.

What practices will work? What should I avoid?

Thanks,
-dog








Reply With Quote
  #4  
Old   
Steven Cheng[MSFT]
 
Posts: n/a

Default Re: webform control placement - 11-27-2007 , 08:45 PM



Thanks for your reply,

Yes, authoring the html source is necessary in some cases. Also, when you
try structuring the page layout, do not mix different position mode. For
example, when you are using relative position and html table for structure,
you should not add controls with absolute position mode among them.
Otherwise, that will make the page layout get disorder.


Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead


This posting is provided "AS IS" with no warranties, and confers no rights.

--------------------
Quote:
From: "radiolandog" <radiolandog (AT) nospam (DOT) nospam
References: <Oi6BPRFMIHA.5160 (AT) TK2MSFTNGP05 (DOT) phx.gbl
7ZxVtJLMIHA.6908 (AT) TK2MSFTNGHUB02 (DOT) phx.gbl
Subject: Re: webform control placement
Date: Tue, 27 Nov 2007 13:48:39 -0500

Thanks...

I was trying various methods to position the controls. I used a two
column
table, relative positioning, absolute positioning, space bars...

When I cleaned out all the <style> tags in the HTML from my attempts at
using relative positioning and carefully placed the controls back in the
two-column table (with the left column right justified and the right
column
left justified - I had the results I needed.

Moral of the story is to not be afraid of jumping into the HTML...





"Steven Cheng[MSFT]" <stcheng (AT) online (DOT) microsoft.com> wrote in message
news:7ZxVtJLMIHA.6908 (AT) TK2MSFTNGHUB02 (DOT) phx.gbl...

Hi,

As for the webform control placement/layout question you mentioned, I
think
use table is a simple and quick approach. Normally, in any html based web
page, you can structure the layout through nested tables. For example,
for
a page with Header, Content, Footer section, you can use a top level
table
with three rows(1cols) and if you want to further structure the Content
section, just put a nested table in the middle row.

As you mentioned that the controls are not located as the table cell they
reside, right? If so, would you provide some simple aspx/html snippet so
that we can have a look to see whether there is any other setting that
affect the controls' positioning.

Here are some web articles descrbing on html table and how to use it:

#How to use tables to structurize forms in HTML and about alternatives,
like fieldset
http://www.cs.tut.fi/~jkorpela/forms/tables.html

#Web Authoring FAQ: HTML Tables
http://htmlhelp.com/faq/html/tables.html


Sincerely,

Steven Cheng

Microsoft MSDN Online Support Lead


This posting is provided "AS IS" with no warranties, and confers no
rights.




--------------------
From: "radiolandog" <radiolandog (AT) nospam (DOT) nospam
Subject: webform control placement
Date: Mon, 26 Nov 2007 12:48:46 -0500
Lines: 11
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.3138
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.3198
X-RFC2646: Format=Flowed; Original
Message-ID: <Oi6BPRFMIHA.5160 (AT) TK2MSFTNGP05 (DOT) phx.gbl
Newsgroups: microsoft.public.dotnet.framework.aspnet.webcontro ls
NNTP-Posting-Host: 207.230.140.240
Path: TK2MSFTNGHUB02.phx.gbl!TK2MSFTNGP01.phx.gbl!TK2MSF TNGP05.phx.gbl
Xref: TK2MSFTNGHUB02.phx.gbl
microsoft.public.dotnet.framework.aspnet.webcontro ls:2839
X-Tomcat-NG: microsoft.public.dotnet.framework.aspnet.webcontro ls

I am struggling with positioning web form controls. It was suggested
that
I
place a table on the page - but it seems that the controls are positioned
independent from the table.

What practices will work? What should I avoid?

Thanks,
-dog










Reply With Quote
Reply




Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.