src/ui/viewer/components/group/field-group.component.ts
| selector | smart-viewer-group |
| styleUrls | ./field-group.component.css |
| templateUrl | ./field-group.component.html |
Properties |
Inputs |
constructor(screen: SmartScreenService, changeDetector: ChangeDetectorRef, renderer: Renderer2)
|
||||||||||||
|
Parameters :
|
| definition |
Type : SmartViewerGroupSettings
|
| hasAbsolutePosition |
Type : boolean
|
| fieldGroup |
Type : ElementRef
|
Decorators :
@ViewChild('fieldGroup', {read: ElementRef})
|
| inlineStyle |
Type : any
|
Default value : {}
|
| isSmallScreen |
Type : boolean
|
| items |
Type : SmartViewerFormItem[]
|
| itemWidthClass |
Type : string
|
| type |
Type : string
|
<div class="row" #fieldGroup>
<div
*ngFor="let item of items let i=index"
[class]="itemWidthClass"
[ngClass]="{ first: i === 0, last: i === items.length - 1 }"
[ngStyle]="inlineStyle">
<smart-viewer-fieldset
*ngIf="item.type === 'fieldset'"
[definition]="item"
[itemIndex]="i"
[partOfGroup]="true">
</smart-viewer-fieldset>
<smart-viewer-field
*ngIf="item.type !== 'fieldset' && item.type !== 'group' && type !== 'custom'"
[field]="item">
</smart-viewer-field>
<!-- Template Placeholder -->
<smart-form-template-renderer
*ngIf="item.type === 'custom'"
[config]="item">
</smart-form-template-renderer>
</div>
</div>
./field-group.component.css
.row {
padding-left: 0px !important;
padding-right: 0px !important;
width: 100% !important;
margin: 0;
}
/*.row div {
padding-left: 0px !important;
padding-right: 0px !important;
}*/
.group-separator {
width: 15px;
}
.row div.first {
padding-left: 0px !important;
}
.row div.last {
padding-right: 0px !important;
}
@media (max-width: 991px) {
.row div, .row div.first, .row div.last {
padding-left: 0px !important;
padding-right: 0px !important;
}
}