How to align items vertically on a datagrid
Hi, I'm working with .net version 1.1.
I've got a datagrid on a webform that my users want a fixed height, which is
fine. It can contain up to 10 records. If there are 10 records then it's fine
and looks very nice. However if there is only 1 record (or just a few) then
it looks daft, because the records aren't vertically aligned at the top.
I can't find a vertical alignment property for a datagrid. Is there a way of
working this so that the records will always be placed at the top?
Thanks
Juia
Re: How to align items vertically on a datagrid
Don't set any height attribute for the grid and it will align the rows
nicely. Instead, put the grid in a <div> and set the height for the div. You
can create an impression that the grid fills up the whole height of the
<div> even if it has less than 10 records by setting the same background
color for the grid and the <div>.
--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net
"Julia B" <JuliaB [at] discussions.microsoft.com> wrote in message
news:B79155C7-C404-4DE0-90DB-E3E1985D09FA [at] microsoft.com...
> Hi, I'm working with .net version 1.1.
>
> I've got a datagrid on a webform that my users want a fixed height, which
> is
> fine. It can contain up to 10 records. If there are 10 records then it's
> fine
> and looks very nice. However if there is only 1 record (or just a few)
> then
> it looks daft, because the records aren't vertically aligned at the top.
>
> I can't find a vertical alignment property for a datagrid. Is there a way
> of
> working this so that the records will always be placed at the top?
>
> Thanks
> Juia
Re: How to align items vertically on a datagrid
Thanks Eliyahu, however that's not going to work, I don't think. I've already
got it in a layout which has a set height, however the datagrid itself,
although having the same colour background, has a border round the edge and
vertical column borders, which the users require. This means that the actual
grid size would be visible.
Julia
"Eliyahu Goldin" wrote:
> Don't set any height attribute for the grid and it will align the rows
> nicely. Instead, put the grid in a <div> and set the height for the div. You
> can create an impression that the grid fills up the whole height of the
> <div> even if it has less than 10 records by setting the same background
> color for the grid and the <div>.
>
> --
> Eliyahu Goldin,
> Software Developer
> Microsoft MVP [ASP.NET]
> http://msmvps.com/blogs/egoldin
> http://usableasp.net
>
>
> "Julia B" <JuliaB [at] discussions.microsoft.com> wrote in message
> news:B79155C7-C404-4DE0-90DB-E3E1985D09FA [at] microsoft.com...
> > Hi, I'm working with .net version 1.1.
> >
> > I've got a datagrid on a webform that my users want a fixed height, which
> > is
> > fine. It can contain up to 10 records. If there are 10 records then it's
> > fine
> > and looks very nice. However if there is only 1 record (or just a few)
> > then
> > it looks daft, because the records aren't vertically aligned at the top.
> >
> > I can't find a vertical alignment property for a datagrid. Is there a way
> > of
> > working this so that the records will always be placed at the top?
> >
> > Thanks
> > Juia
>
>
>
Re: How to align items vertically on a datagrid
Your last resort would be to produce always exactly 10 columns. If you have
less than 10 data rows, add some empty ones. I would do it on the
datasource.
--
Eliyahu Goldin,
Software Developer
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net
"Julia B" <JuliaB [at] discussions.microsoft.com> wrote in message
news:923F744A-42F1-4478-8A51-5B517A5AEA7A [at] microsoft.com...
> Thanks Eliyahu, however that's not going to work, I don't think. I've
> already
> got it in a layout which has a set height, however the datagrid itself,
> although having the same colour background, has a border round the edge
> and
> vertical column borders, which the users require. This means that the
> actual
> grid size would be visible.
>
> Julia
>
> "Eliyahu Goldin" wrote:
>
>> Don't set any height attribute for the grid and it will align the rows
>> nicely. Instead, put the grid in a <div> and set the height for the div.
>> You
>> can create an impression that the grid fills up the whole height of the
>> <div> even if it has less than 10 records by setting the same background
>> color for the grid and the <div>.
>>
>> --
>> Eliyahu Goldin,
>> Software Developer
>> Microsoft MVP [ASP.NET]
>> http://msmvps.com/blogs/egoldin
>> http://usableasp.net
>>
>>
>> "Julia B" <JuliaB [at] discussions.microsoft.com> wrote in message
>> news:B79155C7-C404-4DE0-90DB-E3E1985D09FA [at] microsoft.com...
>> > Hi, I'm working with .net version 1.1.
>> >
>> > I've got a datagrid on a webform that my users want a fixed height,
>> > which
>> > is
>> > fine. It can contain up to 10 records. If there are 10 records then
>> > it's
>> > fine
>> > and looks very nice. However if there is only 1 record (or just a few)
>> > then
>> > it looks daft, because the records aren't vertically aligned at the
>> > top.
>> >
>> > I can't find a vertical alignment property for a datagrid. Is there a
>> > way
>> > of
>> > working this so that the records will always be placed at the top?
>> >
>> > Thanks
>> > Juia
>>
>>
>>
Re: How to align items vertically on a datagrid
How about padding the datagrid to ten items with blanks?
Andrew
Re: How to align items vertically on a datagrid
Good idea and thanks to both of you for that.
"Andrew Morton" wrote:
> How about padding the datagrid to ten items with blanks?
>
> Andrew
>
>
>