LabelExample.html
<div *ngIf="model">
<wm-window [model]="model" id="Label" class="LabelDocumentation_Form2">
<ng-template let-model>
<div class="Label">
<wm-label #label2 id="label2" [model]="model.label2" class="label2" tabindex="38">Configuration</wm-label>
<wm-label #label3 id="label3" [model]="model.label3" class="label3" tabindex="39">Button Text</wm-label>
<wm-label #label4 id="label4" [model]="model.label4" class="label4" tabindex="40">Appearance</wm-label>
<wm-label #label1 id="label1" [model]="model.label1" class="label1" tabindex="41" (Click)="label1_Click()">Label</wm-label>
<wm-button #button2 id="button2" [model]="model.button2" class="button2" tabindex="42"></wm-button>
<wm-button #button3 id="button3" [model]="model.button3" class="button3" tabindex="43"></wm-button>
<wm-button #button4 id="button4" [model]="model.button4" class="button4" tabindex="44"></wm-button>
<wm-button #button5 id="button5" [model]="model.button5" class="button5" tabindex="45"></wm-button>
<wm-button #button6 id="button6" [model]="model.button6" class="button6" tabindex="46" (Click)="button6_Click()"></wm-button>
<wm-textbox #textBox1 id="textBox1" [model]="model.textBox1" class="textBox1" tabindex="47"></wm-textbox>
<wm-textbox #textBox3 id="textBox3" [model]="model.textBox3" class="textBox3" tabindex="52"></wm-textbox>
</div>
</ng-template>
</wm-window>
</div>
LabelExample.css
@import "../../../../assets/style/live-demos.css";
.LabelDocumentation_Form2 {
left: -1px;
top: -1px;
}
.LabelDocumentation_Form2 .Label {
width: 800px;
height: 267px;
overflow: hidden;
}
.LabelDocumentation_Form2 .label2 {
width: auto;
font-size: 14.25pt;
left: 505px;
top: 12px;
height: auto;
position: absolute;
white-space: nowrap;
overflow: hidden;
}
.LabelDocumentation_Form2 .label3 {
width: auto;
font-size: 12pt;
left: 662px;
top: 56px;
height: auto;
position: absolute;
white-space: nowrap;
overflow: hidden;
}
.LabelDocumentation_Form2 .label4 {
width: auto;
font-size: 12pt;
left: 430px;
top: 56px;
height: auto;
position: absolute;
white-space: nowrap;
overflow: hidden;
}
.LabelDocumentation_Form2 .label1 {
width: auto;
font-size: 14.25pt;
color: black;
left: 125px;
top: 113px;
height: auto;
position: absolute;
white-space: nowrap;
overflow: hidden;
border-color: var(--primary-color-demos);
}
.LabelDocumentation_Form2 .button2 {
left: 401px;
top: 98px;
width: 75px;
height: 23px;
position: absolute;
padding: 0px 0px 0px 0px;
display: table-cell;
vertical-align: middle;
display: table-cell;
border-color: var(--primary-color-demos);
}
.LabelDocumentation_Form2 .button3 {
left: 482px;
top: 98px;
width: 75px;
height: 23px;
position: absolute;
padding: 0px 0px 0px 0px;
display: table-cell;
vertical-align: middle;
display: table-cell;
border-color: var(--primary-color-demos);
}
.LabelDocumentation_Form2 .button4 {
left: 401px;
top: 127px;
width: 75px;
height: 23px;
position: absolute;
padding: 0px 0px 0px 0px;
display: table-cell;
vertical-align: middle;
display: table-cell;
border-color: var(--primary-color-demos);
}
.LabelDocumentation_Form2 .button5 {
left: 482px;
top: 127px;
width: 75px;
height: 23px;
position: absolute;
padding: 0px 0px 0px 0px;
display: table-cell;
vertical-align: middle;
display: table-cell;
border-color: var(--primary-color-demos);
}
.LabelDocumentation_Form2 .button6 {
left: 651px;
top: 127px;
width: 100px;
height: 47px;
position: absolute;
padding: 0px 0px 0px 0px;
display: table-cell;
vertical-align: middle;
display: table-cell;
border-color: var(--primary-color-demos);
}
.LabelDocumentation_Form2 .textBox1 {
left: 651px;
top: 98px;
width: 100px;
height: 23px;
position: absolute;
border-color: rgb(73, 71, 71);
}
img{
max-width: 200px;
max-height: 200px;
}
.LabelDocumentation_Form2 .textBox3 {
left: 402px;
top: 160px;
max-width: 158px;
max-height: 92px;
height: 92px;
min-width: 158px;
min-height: 25px;
position: absolute;
border-color: black;
}