Page Layout when using c1webui controls

Posted by: krmartin on 10 September 2017, 11:35 am EST

  • Posted 10 September 2017, 11:35 am EST

    This is probably something simple, but everytime I drop a control on a page it always displays on a new line.   For example i want  paragraph on my page to display as follows:


     


    Last name **Textbox** First Name **TextBox**  DOB: **C1DateInput**


    when I drop in the c1date control it displays like this.


     


    Last name **Textbox** First Name **TextBox**  DOB:


    **C1DateInput**  (this shows on a new line)  


     


    It doesn't happen if I drop in a Microsoft control.  Is there a setting I need to change?? 


     


    Thanks

  • Replied 10 September 2017, 11:35 am EST

    Hello,


    The C1Input controls support the non-table elements layout. Hence they do not appear in next line.


    In you want to display the control in same line as the text, you can put them in a table tag as :


     <table border="0">


       <tr>


         <td>Last name <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> First Name <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>    


    DOB: </td>


         <td><cc1:C1DateInput ID="C1DateInput1" runat="server" Width="155px"/></td>


       </tr>


     </table>


    Alternatively, you can use css to display the controls in same line as :


    <div style="float:left;">Last name <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>


    First Name <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> DOB: </div>


    <div style="float:right;"><cc1:C1DateInput ID="C1DateInput1" runat="server" Width="155px"/></div>


    Thanks,


    Richa

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels