or
1 answer
144 views
https://www.telerik.com/kendo-react-ui/components/scheduler/api/SchedulerProps/#toc-style
<Scheduler data={events} style={{
borderColor: 'red', height: '100vh'
}}>
<AgendaView />
<TimelineView />
<DayView />
<WorkWeekView
title="Work Week"
workWeekStart={Day.Monday}
workWeekEnd={Day.Friday}
/>
<WeekView title="Full Week" />
<MonthView />
</Scheduler>The height is always 600px
1 answer
101 views
how to add % to the caption on the side, and create a chart legend icon like below
Stefan
Telerik team
answered
on
11 Feb 2022
1 answer
282 views
how to add % to the caption on the side, and create a chart legend icon like below
Stefan
Telerik team
answered
on
11 Feb 2022
1 answer
77 views
I put the Grid Container component above the Chart component in the hope that the child(Chart) component can follow the height of its parent, why isn't this working?
here is my code snippet
<TabPanel value={value} index={0} dir={theme.direction}>
<Grid container spacing={3} className={styles['card']}>
<Grid item xs={12} sm={6}>
<ChartPredictionAnalytic />
</Grid>
<Grid item xs={12} sm={6}>
<ChartAccuration />
</Grid>
</Grid>
</TabPanel>
Stefan
Telerik team
answered
on
11 Feb 2022
1 answer
228 views
how to add % to the caption on the side, and create a chart legend icon like below
Stefan
Telerik team
answered
on
11 Feb 2022
1 answer
222 views
Hi, how can I modify the excel export from the docs and add a footer cell I don't know how to include it in the excel export.
Please someone can show me how to do it?
Filip
Telerik team
answered
on
10 Feb 2022
1 answer
828 views
I've generated a React app that uses TypeScript and only added kendo-theme-material and I get warnings when building the production build. Since our CI system is set to fail on warnings it will stop the build and not continue. I don't want to ease up on that rule. I think that kendo-theme-material shouldn't give any warnings.
How should this be handled? It is a bit tricky to submit bug reports without a license and we don't want to buy a license for a component that isn't working as it should.
Reproduce:
npx create-react-app kendo-app --template redux-typescript npm install --save @progress/kendo-theme-material
Add to App.tsx:
import '@progress/kendo-theme-material/dist/all.css';
Run:
npm start build
static/css/main.17a367f8.css from Css Minimizer plugin
postcss-svgo:: Non-whitespace before first tag.
> 1 | %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50…
| ^
webpack://./src/index.css:1:0
static/css/main.17a367f8.css from Css Minimizer plugin
postcss-svgo:: Non-whitespace before first tag.
> 1 | %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50…
| ^
webpack://./src/index.css:1:0File that causes the warnings:
node_modules\@progress\kendo-theme-material\dist\all.css
Rows: 17512 and 17527
Stefan
Telerik team
answered
on
10 Feb 2022
1 answer
172 views
Hi. I'm trying reset a form according to the example on https://www.telerik.com/kendo-react-ui/components/form/advanced-scenarios/ , as shown under "Resetting the Form Initial State". However, it does not work form me if I want to reset it with an object with the same data.
My scenario is that a user loads a form with initial data, fills in the form, submits the form. After the submit, we would like the form to revert to its original state (initial data). This does not happen as JSON.stringify produces the same key. I sorted it by adding an extra space into one property but I am sure there must be a better way to achieve this.
// initial data
const [user, setUser] = React.useState({
firstName: "John",
lastName: "Smith",
email: "John.Smith@email.com",
});
// data to reset
const loadNewUser = () => {
setUser({
firstName: "John",
lastName: "Smith",
email: "John.Smith@email.com",
});
};
My scenario is that a user loads a form with initial data, fills in the form, submits the form. After the submit, we would like the form to revert to its original state (initial data). This does not happen as JSON.stringify produces the same key. I sorted it by adding an extra space into one property but I am sure there must be a better way to achieve this.
// initial data
const [user, setUser] = React.useState({
firstName: "John",
lastName: "Smith",
email: "John.Smith@email.com",
});
// data to reset
const loadNewUser = () => {
setUser({
firstName: "John",
lastName: "Smith",
email: "John.Smith@email.com",
});
};
Stefan
Telerik team
answered
on
10 Feb 2022
1 answer
155 views
I use the WeekView with the Scheduler component and I have set the slotDivisions property to 1. When I now add a new event for example at 08:20 it places the event exactly at the 08:00 slot. Is it possible to place it according to the time a little further down? Like for example in Outlook, if I add a new event, it is placed at the time when the event is starting (for example see attached screenshots).
Filip
Telerik team
answered
on
09 Feb 2022
1 answer
226 views
I need to set the initial filter value inside GridColumnMenuFilter.
The problem: initial value applies to filter under title but not apply to filter inside GridColumnMenuFilter.
Code example:
const initialFilter: CompositeFilterDescriptor = {
logic: "and",
filters: [
{
field: "isAdmin",
operator: "eq",
value: true,
},
],
};
const GridColumnMenu = (props: GridColumnMenuProps): JSX.Element => {
return (
<div>
<GridColumnMenuFilter {...props} expanded={true} hideSecondFilter />
</div>
);
};
const columnProps = (
field: string
) => {
return {
field: field,
columnMenu: GridColumnMenu
};
};
<Grid
data={tableData.data}
filterable={true}
filter={initialFilter}
>
<GridColumn
title={"Is Admin>"}
{...columnProps("isAdmin")} />
...
</Grid>Thanks for any help.
