0

Do you use ASP.NET control or just HTML with CSS?

I'm having some troubles with width in TextBox and DropDownList. In different browsers, the width will be different and the controls will not have the same size.

I'm considering change this to HTML tag like input and select, but I'm wondering why does ASP.NET has this controls if that they don't work? If they don't work, avoid them... right?

Give me information I need, make me better than before :-).

Here is the code:

<asp:DropDownList ID="ddlDirComercial" runat="server" CssClass="clsValor" Width="400px">
     <asp:ListItem Text="test" Value="1"></asp:ListItem>
</asp:DropDownList>

<asp:TextBox ID="txtCAE" runat="server" CssClass="clsValor" Width="400px" />

Regards.

Bruno Costa
  • 2,708
  • 2
  • 17
  • 25
  • They do work, we'd need to see some code before we can see where you've went wrong. – anothershrubery Feb 02 '11 at 15:32
  • 1
    Need more info than "they don't work" – Chris Ballance Feb 02 '11 at 15:38
  • 1
    What you do is right, just define the `width` in the class' css. In your case in the `clsValor` class. – Bazzz Feb 02 '11 at 15:39
  • Tested your code and it seems to work as expected. – anothershrubery Feb 02 '11 at 15:42
  • Same thing Bazzz. Perhaps something with doctype? I use this: – Bruno Costa Feb 02 '11 at 15:42
  • Just remove and works fine. Which should I use? Which do you use? – Bruno Costa Feb 02 '11 at 15:48
  • 1
    The problem you experience doesn't lie with the fact that you use the ASP.net controls. Also the common html `input` and `select` are slightly different in width if you give them the same width in pixels. The problem is that the `input` element adds 5 pixels in width for no reason. the `select` element renders exactly. Only solution is to specify `width:395px` in the css for the `TextBox` and `width:400px` in the css for the `DropDownList` and both are 400px. Seems like a hack to me but it works. – Bazzz Feb 03 '11 at 08:50

5 Answers5

1

I've used both ASP.NET controls and the HTML input fields as well. If you look at the source of the page, the TextBox results in an input created on the screen, so either way it wouldn't to use the ASP.NET control since it would be the same anyway. With the control you would have the ability to more easily access code on the server-side. If you have it available to you, I would just stick with the ASP.NET controls

khr055
  • 28,690
  • 16
  • 36
  • 48
1

Those controls can run "on" the server. That's at least one significant reason they exist. They aim to simplify the development of forms by providing a more Windows Forms like development environment.

For complex custom ajax driven content I tend to just do it all in javascript and the DOM.

And I agree. The controls work. But maybe not like you would expect.

madmik3
  • 6,975
  • 3
  • 38
  • 60
1

Considering that the ASP.NET Controls render into regular HTML, I don't see how you have problems with the ASP.NET Controls width but not the regular width. Of course, I don't use Width and Height properties on ASP.NET controls because I use ASP.NET controls with CSS to set the width and other layout stuff.

tster
  • 17,883
  • 5
  • 53
  • 72
1

Style differences between browsers are common in both server-side and client-side controls, and are far too easily fixed to destroy the advantages of working with ASP.NET controls (such as rapid development, easy data binding, fewer lines of code, etc.). If you find that a straight HTML control looks right, and a server control doesn't, try examining the generated HTML and comparing the two. The server controls are turned into client-side HTML, so there shouldn't be that much difference.

Cross-browser style differences are better solved through CSS than throwing away such a huge feature of ASP.NET. I also understand jQuery is very good for this sort of thing. If you can't get it looking right on your own, you might want to ask someone who specializes in Web design (assuming you have access to one).

Justin Morgan - On strike
  • 30,035
  • 12
  • 80
  • 104
0

Ok guys, I found the problem.

The problem isn't in ASP.NET but in input/select behavior with the doctype.

As I found here.

Thanks to all the answer, they're all good and click ans useful to all.

Community
  • 1
  • 1
Bruno Costa
  • 2,708
  • 2
  • 17
  • 25