WebDatePicker - Unable to get this control to align

Answered (Verified) This post has 1 verified answer | 1 Reply | 2 Followers Thread's RSS feed.

dbrownell
Points 20
Replied On: Fri, Jan 27 2012 2:01 PM Reply

I am trying to aling some text to the right of this control but it keeps moving to the next line.  Here is one example I tried.

 

 

 

<p>

<asp:Label ID="Label1" runat="server" Text="Package Received at SHA"></asp:Label>

 

 

<ig:WebDatePicker id="wdpPkgRevDate" runat="server" width="100px" Align="right"></ig:WebDatePicker>

 

 

</p>

 

I am trying to get all of this on one line.  Any and all help is appreciated.

  • Post Points: 20

Verified Answer

Answered (Verified) Replied On: Fri, Jan 27 2012 5:07 PM Reply
Verified by dbrownell

Hi Dbrownell,

In order to show drop-down button, the WebTextEditor/WebDatePicker uses the TABLE as base element to render itself. That element is treated by browser as display:block. It means that it will appear on new line after element in front of it. And element after it will be on next line too.

In order to create one line for several elements/controls, you can use one of the following:

1. <table><tr><td>Label Before</td><td>WebDatePicker</td><td>Label After</td></tr></table>

2. <label style="position:absolute; left:20px; top:20px;">Label before</label>
   <ig:WebDatePicker style="position:absolute; left:120px; top:20px;"></ig:WebDatePicker>
   <span style="position:absolute; left:250px; top:20px;">Label after</span>

Regards, Viktor Infragistics web team

  • Post Points: 55
Page 1 of 1 (2 items) | RSS