Telerik Forums
KendoReact Forum
1 answer
109 views

Greetings,

I'm trying to use the Kendo menu with contentRender so I could render a custom icon component like FontAwesomeIcon.

I'm currently having issue with binding the data to each item when using the contentRender property.

Is there any way to fix this? Thanks!

 

Regards,

Jason Li

 

Wissam
Telerik team
 answered on 06 Feb 2023
1 answer
217 views

Hi,

     I am trying to add an Id to a MenuItem component for use in automated testing but I can't seem to get it to work. I have tried the approach mentioned in similar posts using ref but it doesn't seem to work with this component. I was wondering if anyone has any advice on how I could add an id here?

Filip
Telerik team
 answered on 12 Sep 2022
1 answer
30 views
1 answer
374 views

I'm currently using "@progress/kendo-theme-bootstrap": "^4.41.1" and i''m having some issue with the navbar.

The hamburger menu button doesn't work. It doesn't collapse the menu on mobile view.  What am I missing here? please see my code below.

On the side note, is there any plan to make the appbar component responsive? Also, I hope in the future the appbar component can be seamlessly integrated with react-router.


export default function NavMenu() {
    return (
        <>
            <nav className="navbar navbar-expand-md">
                <div className="container">
                    <NavLink to="/" exact className='navbar-brand'>
                        <img src={Logo} alt="Logo" />
                    </NavLink>
                    <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent">
                        <span className="icon-menu"></span>
                    </button>
                    <div className="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul className="navbar-nav me-auto mb-2 mb-lg-0">
                            <MenuLinkItem to={'/home'} label='Home' icon='icon-dashboard' />
                            <MenuLinkItem to={'/users'} label='Users' icon='icon-user' />
                        </ul>
                        <NavLink to="/account"> Username</NavLink>
                        <NavLink to="/login" exact className='k-button k-flat' >Sign out</NavLink>
                    </div>
                </div>
            </nav>
         </>
    )
}
Stefan
Telerik team
 answered on 30 Sep 2021
2 answers
101 views

i was testing the Column menu filter function. and noticed that for the dates specifically the dropdown menu for isEquals to does not return the date choosen even if it exist. i tried for a date after and before as well incase of time storing error like midnight but that wasn't it. However the "is Before and Equals to" and the "is After and Equals to" work for getting the equals date. 

is this a known issue or a bug? can i specifically remove that option from the drop down or make it not default is so how?

Krissy
Telerik team
 answered on 10 Jun 2021
1 answer
525 views

Hi,

We were using kendo react grid with column menus  enabled.

Column menu pops up when user clicks the icon (three dots) at the end of each column. We want the functionality of popup column menu on header click instead sorting [current default functionality]. 

It would be help us if you provide working example or ways to achieve it.

Thanks,

 

Stefan
Telerik team
 answered on 02 Jun 2021
1 answer
446 views

Hey, 

i am using react and the program does not use Jquery. i want to achieve this:

https://stackblitz.com/edit/react-pew4cw?file=app/main.jsx

A way to clear all active filters from a single button above the grid. but while this example works with droplist. ive tried to apply it wo GridColumnMenuFilter and its CheckBox filter. such that the examples (eg, custom component or checkbox) below would have a clear button above the grid that clears filters.

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

i've also tried to apply the FilterBy using the clear in js but am certain i am implementing that properly. shown in image. i can make use if th eis active to style it so far.

 

 

Stefan
Telerik team
 answered on 19 May 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?