For HTML browsers [like PocketPC's,some models in Samsung,Motorola etc.,] mobile controls can be aligned by integrating the other control like GridView and DataGrid [Takes some more code but alignment is good].But when we are looking for WML devices,Alignment
is Poor,b'coz it will not support GridView or DataGrid.My Choice is use List,Selection List and Link in WML devices.Beyond the Feel and Look, User Interaction needs more care.
<mobile:Label
ID="lblProblems"
Runat="server"
BackColor="ControlLightLight"
ForeColor="DimGray"
Alignment="Left">Problems with the application?</mobile:Label>
mm_mobile
Member
1 Points
8 Posts
Re: How to Align the Controls in Mobile Web Forms
Jan 22, 2008 03:35 AM|LINK
Hi Dj,
For HTML browsers [like PocketPC's,some models in Samsung,Motorola etc.,] mobile controls can be aligned by integrating the other control like GridView and DataGrid [Takes some more code but alignment is good].But when we are looking for WML devices,Alignment is Poor,b'coz it will not support GridView or DataGrid.My Choice is use List,Selection List and Link in WML devices.Beyond the Feel and Look, User Interaction needs more care.
Here's some Snippet:
<
Choice Filter="IsHTML32" Xmlns="http://schemas.microsoft.com/mobile/html32template"> <ContentTemplate><
asp:Label ID ="test" Runat ="server" Text="Test" ></asp:Label> <asp:GridView ID="GridView1" runat="server" <Columns> <asp:TemplateField> <HeaderTemplate>Message</HeaderTemplate> <ItemTemplate> <asp:LinkButton ID="LinkButton1" runat="server" CommandName="DataBind" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"Date") %>' Width="104px"></asp:LinkButton> <asp:LinkButton ID="LinkButton3" runat="server" CommandName="Message" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"Message") %>' Width="104px"></asp:LinkButton> </ItemTemplate> </asp:TemplateField> </Columns> </asp:GridView><mobile:Label ID="lblProblems" Runat="server" BackColor="ControlLightLight" ForeColor="DimGray" Alignment="Left">Problems with the application?</mobile:Label>
</ContentTemplate>
</Choice>Hope it will give an Idea.