AspTextBox.html


                <div *ngIf="model" class="AspTextBox">
                    <form wmHtmlControl [model]="model.form1" id="form1" style="width: 700px;">
                       <div class="row">
                          <div class="column">
                             <h3>
                                AspTextBox Component
                             </h3>
                             <wm-asp-textbox id="asptextbox" [model]="model.asptextbox" class="asptextbox" text="">
                             </wm-asp-textbox>
                             <wm-button id="btn11" [model]="model.btn11" class="btn11" text="Reset" [eventsContext]="this"
                             wmClientClick>
                          </wm-button>
                          </div>
                          <div class="column">
                             <h3>
                                Controls
                             </h3>
                             <div class="controls">
                                <wm-button id="btn1" [model]="model.btn1" class="btn1" text="Disable" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn2" [model]="model.btn2" class="btn2" text="Enable" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn3" [model]="model.btn3" class="btn3" text="Invisible" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn4" [model]="model.btn4" class="btn4" text="Visible" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn5" [model]="model.btn5" class="btn5" text="Multiline" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn6" [model]="model.btn6" class="btn6" text="Singleline" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn7" [model]="model.btn7" class="btn7" text="Read Only" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn8" [model]="model.btn8" class="btn8" text="Read and Write" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn9" [model]="model.btn9" class="btn9" text="Password Mode" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                                <wm-button id="btn10" [model]="model.btn10" class="btn10" text="Normal Mode" [eventsContext]="this"
                                   wmClientClick>
                                </wm-button>
                             </div>
                          </div>
                       </div>
                    </form>
                 </div>

AspTextBoxExample.css



.row {
    display: flex;
    padding: 10px;
    text-align: center;
 }

 .column {
    flex: 50%;
    margin-top: 20px;
    border: 1px solid black;
 }

 button {
    width: 100px !important;
    height: 40px !important;
    margin-bottom: 10px;
 }

 .controls {
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 5px;
 }

 input, textarea{
    width: 300px !important;
    margin-bottom: 20px !important;
 }