help with datagrid

[Alejandro Penate-Diaz]

I have a datagrid inside a table and I want to fix both (table and databrid)
width to 700, but when the content of datagrid is too large the width
increases automatically sometimes and sometimes not. Please need help with
that.
Thanks,
Alejandro.

[John Saunders]

"Alejandro Penate-Diaz" <al*******@apen ate.com> wrote in message
news:eI******** ********@TK2MSF TNGP10.phx.gbl. ..

I have a datagrid inside a table and I want to fix both (table and
databrid) width to 700, but when the content of datagrid is too large the
width increases automatically sometimes and sometimes not. Please need help
with that.

Have you tried setting Width="700px" on the DataGrid? Or Width="100%"?

John Saunders

[Alejandro Penate-Diaz]

yes I tried width="700px" for the datagrid and each column (5 columns) are
width="140px" and property "wrap" set to true to each column and <td>. but
this is just not working, sometimes it does but sometimes not, it dependes
on the text on the column, for example if the text is "Microsoft Certified
Application Developer" it works ok and text is wraped, but if the text is
"ASP.NET.Unleas hed.2nd.Edition "it doesnt work.

Alejandro.
"John Saunders" <johnwsaundersi ii at hotmail.com> wrote in message
news:%2******** ********@TK2MSF TNGP10.phx.gbl. ..

"Alejandro Penate-Diaz" <al*******@apen ate.com> wrote in message
news:eI******** ********@TK2MSF TNGP10.phx.gbl. ..

I have a datagrid inside a table and I want to fix both (table and
databrid) width to 700, but when the content of datagrid is too large the
width increases automatically sometimes and sometimes not. Please need
help with that.

Have you tried setting Width="700px" on the DataGrid? Or Width="100%"?

John Saunders

[Anders K. Jacobsen [DK]]

"Alejandro Penate-Diaz" <al*******@apen ate.com> skrev i en meddelelse
news:eV******** ********@TK2MSF TNGP09.phx.gbl. ..

yes I tried width="700px" for the datagrid and each column (5 columns) are
width="140px" and property "wrap" set to true to each column and <td>. but
this is just not working, sometimes it does but sometimes not, it dependes
on the text on the column, for example if the text is "Microsoft Certified
Application Developer" it works ok and text is wraped, but if the text is
"ASP.NET.Unleas hed.2nd.Edition "it doesnt work.

Your problem is that you need some kin of wordspliting utillity. When you
have serval words the browser can wrap the contents like you want but with
very long words it has to take a decission. Hide the overflown text or
expand the table....The browser does the last.

You could set CSS overflow: hidden to hide the text but do you really want
that? You can´t make the browser split words and insert "-"..

Anders

[Alejandro Penate-Diaz]

thans, that's exactly my problem. I have seen log words with "-" been
splited automaticaly but with "." doesnt work. Can I hide the extra text
without using CSS? I dont mind hiding the extra text because there is an
Edit button that can be used to see the whole text.

Thanks,
Alejandro.
"Anders K. Jacobsen [DK]" <no**@at.all> wrote in message
news:e%******** ********@TK2MSF TNGP12.phx.gbl. ..

"Alejandro Penate-Diaz" <al*******@apen ate.com> skrev i en meddelelse
news:eV******** ********@TK2MSF TNGP09.phx.gbl. ..

yes I tried width="700px" for the datagrid and each column (5 columns)
are width="140px" and property "wrap" set to true to each column and
<td>. but this is just not working, sometimes it does but sometimes not,
it dependes on the text on the column, for example if the text is
"Microsoft Certified Application Developer" it works ok and text is
wraped, but if the text is "ASP.NET.Unleas hed.2nd.Edition "it doesnt work.

Your problem is that you need some kin of wordspliting utillity. When you
have serval words the browser can wrap the contents like you want but with
very long words it has to take a decission. Hide the overflown text or
expand the table....The browser does the last.

You could set CSS overflow: hidden to hide the text but do you really want
that? You can´t make the browser split words and insert "-"..

Anders

[Anders K. Jacobsen [DK]]

> thans, that's exactly my problem. I have seen log words with "-" been

splited automaticaly but with "." doesnt work. Can I hide the extra text
without using CSS? I dont mind hiding the extra text because there is an
Edit button that can be used to see the whole text.

Why wouldnt you use CSS? Target IE 3+? Anyway if you choose css look eg
here; http://www.quirksmode.org/css/overflow.html

If you dont want css you are on you own eg with javascript to pass the
innerHtml in the TD and eg. cut off all leters where innerHTML.legth > eg
20 letters. Dont know. Go for css if possible.

Anders

[Alejandro Penate-Diaz]

I will try css but I just dont know how to do it. if you want to take a look
below is my code:

<TABLE id="Table1" style="WIDTH: 700px; overflow: scroll" height="100%"
cellSpacing="1" cellPadding="1" width="700"
border="0">
<TR>
<TD style="HEIGHT: 4px"><uc1:heade r id="Header1"
runat="server"> </uc1:header></TD>
</TR>
<TR>
<TD height="10">
<uc1:subheade r id="Subheader1 " runat="server"> </uc1:subheader></TD>
</TR>
<TR style="BACKGROU ND-COLOR: white; overflow: scroll">
<TD style="overflow : scroll" vAlign="top" align="left" width="700"
bgColor="#00000 0"><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'">
<P>
<asp:HyperLin k id="HyperLink1 " runat="server"
NavigateUrl="lo gs.aspx" ForeColor="#FFF F80">Logs</asp:HyperLink></P>
<P><asp:dropdow nlist id="sectionDDL " runat="server"
AutoPostBack="T rue">
<asp:ListItem Value="Sections "
Selected="True" >Sections</asp:ListItem>
</asp:dropdownlis t><asp:dropdown list id="subsections DDL"
runat="server" AutoPostBack="T rue" Visible="False" ></asp:dropdownlis t></P>
</SPAN><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: 'Courier New'">
<asp:DataGrid id="DataGrid1" runat="server" Visible="False"
HorizontalAlign ="Left" Width="700px"
AutoGenerateCol umns="False" ItemStyle-Wrap="true"
ItemStyle-Width="140px">
<ItemStyle Font-Size="Smaller" Width="140px"
BackColor="#FFF FC0"></ItemStyle>
<HeaderStyle BorderStyle="So lid" BackColor="#C0C 0FF"></HeaderStyle>
<Columns>
<asp:EditComman dColumn ButtonType="Pus hButton" UpdateText="Upd ate"
CancelText="Can cel" EditText="Edit" ></asp:EditCommand Column>
<asp:ButtonColu mn Text="Delete" ButtonType="Pus hButton"
CommandName="De lete"></asp:ButtonColum n>
<asp:BoundColum n DataField="id" ReadOnly="True"
HeaderText="ID" ></asp:BoundColumn >
<asp:BoundColum n DataField="url" HeaderText="Url "
ItemStyle-Wrap="true" ItemStyle-Width="140px"></asp:BoundColumn >
<asp:BoundColum n DataField="text " HeaderText="Tex t"
ItemStyle-Wrap="true" ItemStyle-Width="140px"></asp:BoundColumn >
</Columns>
</asp:DataGrid>
<P align="center"> &nbsp;</P>
</SPAN>
</TD>
</TR>
</TABLE>
"Anders K. Jacobsen [DK]" <no**@at.all> wrote in message
news:er******** ******@TK2MSFTN GP15.phx.gbl...

thans, that's exactly my problem. I have seen log words with "-" been
splited automaticaly but with "." doesnt work. Can I hide the extra text
without using CSS? I dont mind hiding the extra text because there is an
Edit button that can be used to see the whole text.

Why wouldnt you use CSS? Target IE 3+? Anyway if you choose css look eg
here; http://www.quirksmode.org/css/overflow.html

If you dont want css you are on you own eg with javascript to pass the
innerHtml in the TD and eg. cut off all leters where innerHTML.legth > eg
20 letters. Dont know. Go for css if possible.

Anders

[Alejandro Penate-Diaz]

I made it, thanks. just wrapped te datagrid between <div></div> and set
overflow:auto

Thanks,
Alejandro

"Anders K. Jacobsen [DK]" <no**@at.all> wrote in message
news:er******** ******@TK2MSFTN GP15.phx.gbl...

thans, that's exactly my problem. I have seen log words with "-" been
splited automaticaly but with "." doesnt work. Can I hide the extra text
without using CSS? I dont mind hiding the extra text because there is an
Edit button that can be used to see the whole text.

Why wouldnt you use CSS? Target IE 3+? Anyway if you choose css look eg
here; http://www.quirksmode.org/css/overflow.html

If you dont want css you are on you own eg with javascript to pass the
innerHtml in the TD and eg. cut off all leters where innerHTML.legth > eg
20 letters. Dont know. Go for css if possible.

Anders

[Anders K. Jacobsen [DK]]

>I made it, thanks. just wrapped te datagrid between <div></div> and set

overflow:aut o

Yes sorry for not been more precise. The overflow applies to div as you
noticed.

Happy programming
Anders Jacobsen, Denmark