Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › General Discussions › Window › smart window not displaying footer › Reply To: smart window not displaying footer
January 5, 2021 at 2:45 pm
#101287
Member
The “opened” property is linked to a component property called “visible”. The smart window is being displayed, but there is no footer element displayed within the window. I have included the ‘smart-window’ element as content within an app component. The latest code is shown below, and this still does not display the footer area as expected
<smart-window
label="{{formTitle}}"
[opened]="visible"
[windowParent]="'body'"
[resizeIndicator]="true"
[resizeMode]="'both'"
[headerButtons]="['close','minimize','pin','collapse']"
[footerTemplate]="'footerTemplate'"
[footerPosition]="'bottom'"
(onClose)="taskEditService.hide()" >
<div>
<smart-input [placeholder]="'task name'"></smart-input>
</div>
<div>
<smart-button class="flat">Today</smart-button>
<smart-button class="flat">Tomorrow</smart-button>
<smart-button class="flat">This week</smart-button>
</div>
<div>
<smart-button class="flat">Next week</smart-button>
<smart-button class="flat">This month</smart-button>
<smart-button class="flat">Next month</smart-button>
</div>
</smart-window>
<template id="footerTemplate">
<smart-button class="flat">Save</smart-button>
<smart-button class="flat">Restore</smart-button>
</template>
Is there a way to post screen shots via this forum?