Skip to Content
Menu
This question has been flagged
2 Replies
1875 Views

I have multiple html fields on a form that I want to resize. 

I have used style like this:  

 

but this only creates a large area that is empty with the text input field itself showing a height of 180px.


Is there a way to increast the size of the input box itself?

Avatar
Discard
Author Best Answer

I am trying to resize the field height in the backend. 

This is the code: 

  The field itself has a height of 500px but the text input area is small.


I am unable to post a picture of the problem.


UPDATED:

I was able to solve it by using css.


CSS:

.apply_dimension{    
​height: 300px !important;}

.apply_dimension .note-editor .note-editing-area .note-codable{    
​display: none !important;    }

.apply_dimension .note-editor .note-editing-area .note-codable{    
​height: 270px !important;    }

XML:
     
Avatar
Discard
Best Answer

Hi,

If you are trying to use template fields you can try this code

<div class="row s_col_no_resize s_col_no_bgcolor">

  <label class="col-form-label col-sm-auto s_website_form_label"

          style="width: 200px"

          for="custom_field1">

      <span class="s_website_form_label_content">

          Identification No

      </span>

      <span class="s_website_form_mark"

            style="color:red;">*

      </span>

  </label>

  <div class="col-sm">

      <input id="custom_field1" type="text"

              class="form-control s_website_form_input my_style"

              name="identification"

              required=""/>

  </div>

</div>

   



This is an example of adding a field, applying styles based on class, and adding a CSS file, and you can apply styles for IDs and classes.

.my_style {
                            height: 200px;
                            /* Add any other desired styles here */
                            }


Hope it helps

Avatar
Discard