Not displaying properlyRSS

• • Reply
  jsshivalik

  Member

  108 Points

  384 Posts

  Not displaying properly

  Sep 26, 2019 11:27 AM|jsshivalik|LINK

  Hi

    I have below code & it is not properly aligned & i want to style Labels. Also want proper left & right aligned

  <div class="modal-body">
                                                  <div class="form-group">
                                                      <div class="row">
                                                          <div class="col-sm-4">
                                                              <asp:Label ID="lblLocation" runat="server" Text="Location" CssClass="form-control"></asp:Label>
                                                          </div>
                                                          <div class="col-sm-8">
                                                              <asp:Label ID="lblLocationId" runat="server" Text="" CssClass="form-control"></asp:Label>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="form-group">
                                                      <div class="row">
                                                          <div class="col-sm-4">
                                                              <asp:Label ID="lblInvoice" runat="server" Text="Invoice No" CssClass="form-control"></asp:Label>
                                                          </div>
                                                          <div class="col-sm-8">
                                                              <asp:Label ID="lblInvoiceId" runat="server" Text="" CssClass="form-control"></asp:Label>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="form-group">
                                                      <div class="row">
                                                          <asp:TextBox CssClass="form-control" ID="txtApprovalRemarks"  TextMode="MultiLine" Rows="4" runat="server"></asp:TextBox>
                                                      </div>
                                                  </div>
                                              </div>

  Thanks

• • Reply
  Fei Han - MS...

  All-Star

  40405 Points

  6196 Posts

  Microsoft

  Re: Not displaying properly

  Sep 27, 2019 02:51 AM|Fei Han - MSFT|LINK

  Hi jsshivalik,

  jsshivalik

  I have below code & it is not properly aligned & i want to style Labels. Also want proper left & right aligned

  <asp:Label ID="lblLocationId" runat="server" Text="" CssClass="form-control"></asp:Label>

  You specified "form-control" CSS class for asp:Label control, which would apply "text-align: left;" to it. You said "want proper left & right aligned", can you clarify more about it or show example displaying effect that you want, so that we can understand and help achieve it better.

  Besides, if you'd like to make left align and right align text on the same line, you can refer to this SO thread that discussed similar issue.

  https://stackoverflow.com/questions/12438339/how-may-i-align-text-to-the-left-and-text-to-the-right-in-the-same-line

  With Regards,

  Fei Han

  
  MSDN Community Support
  Please remember to "Mark as Answer" the responses that resolved your issue.
  
• • Reply
  jsshivalik

  Member

  108 Points

  384 Posts

  Re: Not displaying properly

  Sep 27, 2019 03:08 AM|jsshivalik|LINK

  Hi Fei

     when u run above code Multiline Textbox & labels on left are not in proper alignment

  Thanks

• • Reply
  Fei Han - MS...

  All-Star

  40405 Points

  6196 Posts

  Microsoft

  Re: Not displaying properly

  Oct 07, 2019 08:20 AM|Fei Han - MSFT|LINK

  Hi jsshivalik,

  jsshivalik

  when u run above code Multiline Textbox & labels on left are not in proper alignment

  You can apply left and right padding to parent <div> of Multiline Textbox, like below. 

  #crow{
      padding:0 15px 0 15px;
  }

  <div class="form-group">
      <div class="row" id="crow">
          <asp:TextBox CssClass="form-control" ID="txtApprovalRemarks" TextMode="MultiLine" Rows="4" runat="server"></asp:TextBox>
      </div>
  </div>

  With Regards,

  Fei Han

  
  MSDN Community Support
  Please remember to "Mark as Answer" the responses that resolved your issue.