or
1 answer
111 views
How can I style the Kendo React dialog box top right close button to dark?
1 answer
65 views
Hello,
I am able to set the localization service to the message in english but when I change the dropdown value to spanish the message remains in english, do you have a workaround for this?
const DrawerContainer = (props: any) => {
constlocalizationService = useLocalization();
const locales: LocaleInterface[] = [
{
language: "en-US",
locale: "en",
name: "English",
},
{
language: "es-ES",
locale: "es",
name: "Spanish",
},
{
language: "sv",
locale: "sv",
name: "Swedish",
},
];
const [currentLocale, setCurrentLocale] = React.useState(
locales[0]
);
const [expanded, setExpanded] = React.useState(true);
const [drawerExpanded, setDrawerExpanded] = React.useState(true);
const [items, setItems] = React.useState([
{
text: localizationService.toLanguageString('custom.personalInfo', ''),
route: '/profile'
},
{
separator: true
},
{
text: 'Sites',
route: '/sites'
},
{
separator: true
},
{
text: 'My Compressed Air System',
route: '/mycasystem'
},
{
text: Array(25).fill('\xa0').join('') + 'Compressors',
route: '/mypage'
},
/* {
text: 'My Compressor',
route: '/mycomp'
}, {
text: 'Compare',
route: '/compare'
},
{
text: 'Dashboard',
route: '/dashboard'
},
{
text: 'Customers',
route: '/customers'
} */
]);
const selected = setSelectedItem(props.location.pathname);
return<div>
<LocalizationProvider language={currentLocale.language}>
<IntlProvider locale={currentLocale.locale}>
<DropDownList
value={currentLocale}
textField="name"
onChange={(e) => {
setCurrentLocale(e.target.value);
}}
data={locales}
/>
<div className="custom-toolbar">
<Button icon="menu" onClick={handleClick} />
<span className="title" id="burguer-menu">{localizationService.toLanguageString('custom.menu', '')}</span>
</div>
<Drawer expanded={expanded} position={'start'} mode={'push'} width={300} items={items.map(item => ({
...item,
selected: item.text === selected
}))} onSelect={onSelect}>
<DrawerContent>
{props.children}
</DrawerContent>
</Drawer>
</IntlProvider>
</LocalizationProvider>
</div >;
};
export default withRouter(DrawerContainer);
Konstantin Dikov
Telerik team
answered
on
07 Jun 2022
1 answer
127 views
Hi.
I have a question regarding the Splitter component working together with the Scheduler. I have created an example here:
https://stackblitz.com/edit/react-rfnb52?file=app%2Fmain.tsx
What I want to achieve is autosizing the scheduler depending on the splitter pane. So when I close the lower pane using the button above, the scheduler should resize filling the upper pane as much as possible and of course re-opening the lower pane should also resize the scheduler too.
Also: As you can see in my example, the Scheduler doesn't show completely when I scroll down. I had to hide the scroll bar in the outer div to not have 2 bars.
Any help would be appreciated.
Thanks,
Greetings,
Bernd
1 answer
67 views
Hi all,
I tried to export PDF with GridPDFExport.
But the problem is that the grouped Grid will only be printed out if I choose to print current page.
If I try to export all the data, the group will then be gone.
How can I export all the data while maintaining all my settings ?
Any help will be appreciated
Current page :
All Data PDF :
Current Page PDF (setting maintained ):
Filip
Telerik team
answered
on
02 Jun 2022
1 answer
93 views
Hi, I would like to use a kendo switch inside a form: I' created a little example at:
https://stackblitz.com/edit/react-k3fw3s
I need to set the initial value programmatically.
So, I created a function switchSetOn (in the file MyUtils.js) to do this using jquery.
This function works well, because the switch correctly appears as ON, but if I click on it the first click does not work and the control remains ON (after a small movement): from subsequent clicks it works fine.
So, I think that the react control keep is value to false even if I set (via jquery) the aspect to true.
Is there a way to set the value correctly via jquery? (I don't want to use defaultChecked or checked property of the control)
Another problem is that, when I click on the submit button the value of the hidden input "checkbox" of the switch does not fall into the json (I can see only the value of the input "text"). Is there something I have to do to obtain the value?
Thank you
Konstantin Dikov
Telerik team
answered
on
02 Jun 2022
1 answer
60 views
Hi all,
I use rowRender to add a summary row. However, which can not be exported by excelExpprt.
I tried workbookOptions but it dd not go well.
Any assistance will be much apprciated
Filip
Telerik team
answered
on
01 Jun 2022
0 answers
384 views
Hi,
I would like to know if the popup has built-in method so that it can be closed automatically after randomly clicked anywhere else.
https://www.telerik.com/kendo-react-ui-develop/components/popup/get-started/
Didn't see anything like that in the doc and the forums here.
Thank you !
1 answer
107 views
In order to get a ComboBox to work inside a Bootstrap 5 Offcanvas, I attempted to set the appendTo ref per this thread.
It works correctly, but I'm seeing this warning in the browser console:
Warning: Failed prop type: Invalid prop `popupSettings.appendTo` of type `object` supplied to `ComboBox`, expected a single ReactElement.
The documentation says that appendTo accepts an HTMLElement, not a ReactElement.
Is this a bug with the propTypes provided for the ComboBoxWithoutContext class, or is there some other issue with my code that I'm not seeing?
Fiddle is available here.
Konstantin Dikov
Telerik team
answered
on
31 May 2022
1 answer
376 views
Hi ,
I want to disable filter icon in the grid while new blank row is added and it should be enable once user entered the value and save. can you please help.
Konstantin Dikov
Telerik team
answered
on
31 May 2022
1 answer
522 views
Hi all,
I have a grid design like this :
I am trying to add an icon into my column header and make a pop-up after hovering it.
I use headerCell to set up the icon, however, but the column menu will then strangely disappear.
Is there any way to configure the column header and at the same time the column menu stays visible and workable ?
Any help will be appreciated
Filip
Telerik team
answered
on
30 May 2022
