Skip to content

Appointment Form Redesign: Demos: Update resource icons #31497

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 25 commits into from
Oct 30, 2025
+463 −228
Merged

Appointment Form Redesign: Demos: Update resource icons #31497

Show file tree
Hide file tree
Changes from 16 commits
Commits
Show all changes
25 commits
Select commit Hold shift + click to select a range
3f9c342
feat: update overview demo
sjbur Oct 28, 2025
f700fbd
feat: update timelines demo
sjbur Oct 28, 2025
5b36a25
feat: update agenda demo
sjbur Oct 28, 2025
ab7ad70
feat: update RecurringAppointments demo
sjbur Oct 28, 2025
b79dcaa
feat: update Resources demo
sjbur Oct 28, 2025
5d5696c
feat: update GroupingByResources demo
sjbur Oct 28, 2025
2287b60
feat: update GroupByDate demo
sjbur Oct 28, 2025
850a7b0
feat: update virtual scrolling demo
sjbur Oct 28, 2025
40ead4a
feat: update Toolbar demo
sjbur Oct 28, 2025
3bab764
feat: update AppointmentCountPerCell demo
sjbur Oct 28, 2025
174e533
feat: update ContextMenu demo
sjbur Oct 28, 2025
d539211
feat: update adaptability demo
sjbur Oct 28, 2025
a651a74
lint: fix linting error
sjbur Oct 28, 2025
812c53f
feat: update IndividualViewsCustomization demo
sjbur Oct 29, 2025
40f8c7c
fix: try to fix build
sjbur Oct 29, 2025
023de47
fix: try to fix build
sjbur Oct 29, 2025
0726d55
fix: fix tag icon
sjbur Oct 29, 2025
ead478c
fix: fix tag icon
sjbur Oct 29, 2025
b96b0ac
feat: update etalons
sjbur Oct 29, 2025
4eadd3b
fix: fix angular icon resource display
sjbur Oct 29, 2025
1da65d9
Merge branch '25_2' into issue-2538_25_2
sjbur Oct 29, 2025
1f0cd1c
fix: try to fix metadata
sjbur Oct 29, 2025
c196b86
feat: make same version of babel and ts
sjbur Oct 29, 2025
d31e341
feat: update etalon
sjbur Oct 29, 2025
c0b31c1
feat: update angular demos to use new scheduler resource component
sjbur Oct 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Adaptability/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
fieldExpr="priorityId"
label="Priority"
[dataSource]="priorities"
icon="tag"
>
</dxi-resource>
</dx-scheduler>
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Adaptability/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ const App = () => {
dataSource={priorities}
fieldExpr="priorityId"
label="Priority"
icon="tag"
/>
</Scheduler>
<SpeedDialAction
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Adaptability/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ const App = () => {
dataSource={priorities}
fieldExpr="priorityId"
label="Priority"
icon="tag"
/>
</Scheduler>
<SpeedDialAction
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Adaptability/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
:data-source="priorities"
field-expr="priorityId"
label="Priority"
icon="tag"
/>
</DxScheduler>
<DxSpeedDialAction
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Adaptability/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ $(() => {
fieldExpr: 'priorityId',
dataSource: priorities,
label: 'Priority',
icon: 'tag',
}],
}).dxScheduler('instance');

Expand Down
2 changes: 2 additions & 0 deletions apps/demos/Demos/Scheduler/Agenda/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,12 +13,14 @@
[allowMultiple]="true"
[dataSource]="assignees"
[useColorAsDefault]="true"
icon="user"
>
</dxi-resource>
<dxi-resource
fieldExpr="priorityId"
label="Priority"
[dataSource]="priorities"
icon="tag"
>
</dxi-resource>
</dx-scheduler>
2 changes: 2 additions & 0 deletions apps/demos/Demos/Scheduler/Agenda/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,11 +25,13 @@ const App = () => (
fieldExpr="assigneeId"
label="Assignee"
useColorAsDefault={true}
icon="user"
/>
<Resource
dataSource={priorities}
fieldExpr="priorityId"
label="Priority"
icon="tag"
/>
</Scheduler>
);
Expand Down
2 changes: 2 additions & 0 deletions apps/demos/Demos/Scheduler/Agenda/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,11 +25,13 @@ const App = () => (
fieldExpr="assigneeId"
label="Assignee"
useColorAsDefault={true}
icon="user"
/>
<Resource
dataSource={priorities}
fieldExpr="priorityId"
label="Priority"
icon="tag"
/>
</Scheduler>
);
Expand Down
2 changes: 2 additions & 0 deletions apps/demos/Demos/Scheduler/Agenda/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,13 @@
:allow-multiple="true"
field-expr="assigneeId"
label="Assignee"
icon="user"
/>
<DxResource
:data-source="priorities"
field-expr="priorityId"
label="Priority"
icon="tag"
/>
</DxScheduler>
</template>
Expand Down
2 changes: 2 additions & 0 deletions apps/demos/Demos/Scheduler/Agenda/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,12 @@ $(() => {
dataSource: assignees,
label: 'Assignee',
useColorAsDefault: true,
icon: 'user',
}, {
fieldExpr: 'priorityId',
dataSource: priorities,
label: 'Priority',
icon: 'tag',
}],
height: 600,
});
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/AppointmentCountPerCell/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,5 +19,6 @@
fieldExpr="roomId"
label="room"
[dataSource]="resourcesData"
icon="conferenceroomoutline"
></dxi-resource>
</dx-scheduler>
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/AppointmentCountPerCell/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ const App = () => (
dataSource={resourcesData}
fieldExpr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/AppointmentCountPerCell/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ const App = () => (
dataSource={resourcesData}
fieldExpr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/AppointmentCountPerCell/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
:data-source="resourcesData"
field-expr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
<DxView
type="month"
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/AppointmentCountPerCell/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ $(() => {
fieldExpr: 'roomId',
dataSource: resourcesData,
label: 'Room',
icon: 'conferenceroomoutline',
}],
height: 730,
}).dxScheduler('instance');
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/ContextMenu/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
fieldExpr="roomId"
label="room"
[dataSource]="resourcesData"
icon="conferenceroomoutline"
></dxi-resource>
</dx-scheduler>
<dx-context-menu
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/ContextMenu/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -132,6 +132,7 @@ const App = () => {
dataSource={resourcesData}
fieldExpr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</Scheduler>
<ContextMenu
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/ContextMenu/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,6 +123,7 @@ const App = () => {
dataSource={resourcesData}
fieldExpr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</Scheduler>
<ContextMenu
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/ContextMenu/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@
:data-source="resourcesData"
field-expr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</DxScheduler>
<DxContextMenu
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/ContextMenu/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ $(() => {
fieldExpr: 'roomId',
dataSource: resourcesData,
label: 'Room',
icon: 'conferenceroomoutline',
}],
height: 730,
});
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupByDate/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@
fieldExpr="priorityId"
label="Priority"
[allowMultiple]="false"
icon="tag"
></dxi-resource>
</dx-scheduler>

Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupByDate/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ const App = () => {
allowMultiple={false}
dataSource={priorityData}
label="Priority"
icon="tag"
/>
<View type="week" name="Week" />
<View type="month" name="Month" />
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupByDate/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ const App = () => {
allowMultiple={false}
dataSource={priorityData}
label="Priority"
icon="tag"
/>
<View
type="week"
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupByDate/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@
:data-source="priorityData"
field-expr="priorityId"
label="Priority"
icon="tag"
/>
</DxScheduler>

Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupByDate/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ $(() => {
allowMultiple: false,
dataSource: priorityData,
label: 'Priority',
icon: 'tag',
},
],
height: 730,
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupingByResources/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,5 +31,6 @@
fieldExpr="priorityId"
label="Priority"
[allowMultiple]="false"
icon="tag"
></dxi-resource>
</dx-scheduler>
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupingByResources/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ const App = () => (
allowMultiple={false}
dataSource={priorityData}
label="Priority"
icon="tag"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupingByResources/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ const App = () => (
allowMultiple={false}
dataSource={priorityData}
label="Priority"
icon="tag"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupingByResources/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
:data-source="priorityData"
field-expr="priorityId"
label="Priority"
icon="tag"
/>
</DxScheduler>
</template>
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/GroupingByResources/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@ $(() => {
allowMultiple: false,
dataSource: priorityData,
label: 'Priority',
icon: 'tag',
},
],
showCurrentTimeIndicator: false,
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/IndividualViewsCustomization/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@
[allowMultiple]="false"
[dataSource]="priorityData"
label="Priority"
icon="tag"
>
</dxi-resource>

Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/IndividualViewsCustomization/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@ const App = () => (
fieldExpr="priorityId"
label="Priority"
allowMultiple={false}
icon="tag"
/>
<Resource
dataSource={typeData}
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/IndividualViewsCustomization/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@ const App = () => (
fieldExpr="priorityId"
label="Priority"
allowMultiple={false}
icon="tag"
/>
<Resource
dataSource={typeData}
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/IndividualViewsCustomization/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@
:allow-multiple="false"
field-expr="priorityId"
label="Priority"
icon="tag"
/>
<DxResource
:data-source="typeData"
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/IndividualViewsCustomization/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ $(() => {
allowMultiple: false,
dataSource: priorityData,
label: 'Priority',
icon: 'tag',
}, {
fieldExpr: 'typeId',
allowMultiple: false,
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Overview/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
[allowMultiple]="false"
[dataSource]="resourcesDataSource"
label="Employee"
icon="group"
>
</dxi-resource>

Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Overview/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ const App = () => (
fieldExpr="employeeID"
dataSource={employees}
allowMultiple={false}
icon="group"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Overview/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@ const App = () => (
fieldExpr="employeeID"
dataSource={employees}
allowMultiple={false}
icon="group"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Overview/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,7 @@
:allow-multiple="false"
label="Employee"
field-expr="employeeID"
icon="group"
/>

<template #resourceCellTemplate="{ data: employee }">
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/Overview/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ $(() => {
allowMultiple: false,
dataSource: employees,
label: 'Employee',
icon: 'group',
},
],
dataCellTemplate(cellData, index, container) {
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/RecurringAppointments/Angular/app/app.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,5 +11,6 @@
fieldExpr="roomId"
label="room"
[dataSource]="resourcesData"
icon="conferenceroomoutline"
></dxi-resource>
</dx-scheduler>
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/RecurringAppointments/React/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ const App = () => (
dataSource={resourcesData}
fieldExpr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/RecurringAppointments/ReactJs/App.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ const App = () => (
dataSource={resourcesData}
fieldExpr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</Scheduler>
);
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/RecurringAppointments/Vue/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
:data-source="resourcesData"
field-expr="roomId"
label="Room"
icon="conferenceroomoutline"
/>
</DxScheduler>
</template>
Expand Down
1 change: 1 addition & 0 deletions apps/demos/Demos/Scheduler/RecurringAppointments/jQuery/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ $(() => {
fieldExpr: 'roomId',
dataSource: resourcesData,
label: 'Room',
icon: 'conferenceroomoutline',
}],
height: 730,
});
Expand Down
Loading
Loading