Kendo UI Angular filter menu automatically closes when selecting a time in kendo timepicker - kendo-ui

I recently started working with Kendo UI grid with Angular.
After some testing I discovered the lack of timepicker filter menu component and decided to make my own.
The problem is when I use the Kendo UI timepicker in the template and choose a time, the filter menu automatically closes.
Here is a stackblitz to reproduce the issue:
https://stackblitz.com/edit/kendo-ui-angular-grid-filter-menu-kendo-timepicker-issue?file=app/app.component.ts
A small note: The reason I extended the DateFilterMenuComponent in my custom TimeComponent is that I have the same operators as date related values which is okay and to gain easy access to other common filter properties (example logic operators).
Can someone help me out with the menu not closing when a time is selected?
So far I tried the following:
On the timepicker I tried
(click)="$event.preventDefault(); $event.stopPropagation()"
That results into the timepicker not closing but the filter menu still closes.

I found the answer after contacting Telrik support, they pointed me to
https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-filter-menu-with-popup
The problem is that the timepicker is being rendered in the body/root component and the filter menu is (by default) configured to close when a user clicks outside the filter menu content.
Here is the documentation mixed with my problem fixed in stackblitz:
https://stackblitz.com/edit/kendo-ui-angular-grid-filter-menu-kendo-timepicker-issue-vzitmn?file=app/filters/menu/time/time.component.ts

Related

The name of the GUI widget?

What is the name of the following GUI widget? I would like to use it in GWT.
Thanks
That type of widget is usually known as a carousel. Sometimes people also call it a slide show or slider.
You can see a demo of a GWT MaterialCarousel. By default it only shows one item at a time, but you can configure it to show multiple items as per your picture.
The domino-kit ui framework also has a carousel.
https://demo.dominokit.org/components/carousel

Xamarin master detail page with static header and context menu

I need to do a master detail layout page in Xamarin which then will be used in child pages.
Please check the screenshot below:
I need to have a header part with button for notifications and a button for context menu plus a header.
What is the best approach how I can create this layout in Xamarin?
I will assume that you want to use Xamarin.Forms, instead of using Xamarin.Android and Xamarin.iOS separately.
One approach would be to use default MasterDetailPage as described here or even better to try it with Shell as described here.
Then, you would need to create your CustomNavigationPage and write a custom renderer for it.
Second approach would be to do some tricks, again creating your CustomNavigationPage with template(so that the navigation bar is always displayed) and that you change content dynamically.
Also, you would need to hide default navigation bar and attach click events to your menu button to really open up the menu.
Hope you got it clearly.
MasterDetailPage already provides nearly all functionality that you have asked for, so in some way your question isn't quite clear as you already mention MasterDetailPage. The only remaining problem I can see is how to set up a custom header, and that is than with NavigationPage.TitleView.

Buttons in a view in Dynamics 365

I am new with Dynamics 365 and are not sure of how I can achieve this.
I am looking into having some buttons in a view.
Maybe a view isn't the best way of doing it, but what I want to do is to have a list of records connected to the logged in user (similar to a view)
But on each row/record I want to have multiple buttons. These buttons can be like 'Complete' (Changes status on task and updates the view) , 'Send email'(Starts a workflow) and so on.
What are some of the ways of doing this? Either with Javascript/C#/plugin or something else.
You cannot add buttons in views/subgrids directly.
That’s when we add ribbon/command bar buttons using Ribbon workbench usually.
Create a Workflow Short Cut Ribbon Button (No Code Solution!)
Update:
There is a PowerApps Components Framework (PCF - preview) coming out soon, then we can build custom grid control with the layout/buttons we want.
This can be achieved with RibbonWorkbench. My answer does not differ much with #arun vinoth answer but just added few explanation lines.
https://ribbonworkbench.uservoice.com/knowledgebase/articles/132235-create-a-workflow-short-cut-ribbon-button-no-code
If you look at view below where I have selected number of contact and then I have a Button at top "Nominieren" which is shown and clicking on it will perform whatever action is needed.
There will be java-script on click of button, from Java script you could call Action or workflow or perform operation in Java script itself.
Link for Adding new Button : https://community.dynamics.com/crm/b/crmtipsfromadeveloper/archive/2017/07/26/know-how-add-a-ribbon-button-using-ribbon-workbench
Now when you look at image below I have no contact selected and it does not show button on Ribbon.
It might be possible. I haven't tried this but you can write JavaScript for a view column now (since CRM 2016).
If you go to a view you can double click on a view column to view its properties. There are two properties you might be interested in:
Web Resource
Function
Here's a link to an MS page that explains how to use these options to add an icon. It might be possible to create a clickable button which uses CRM's WebApi to perform some actions: Docs # Microsoft

Custom popup using bootstrap modal in Kendo scheduler

I tried to custom popup by using bootstrap modal for Kendo Scheduler. But my problem is i cant get the day and time for double click the cell.
To get the exact star/end time of the clicked slot you can simply pass the clicked element to the slotByElement method of the Scheduler. Demo is available in the provided link.

Need to disable the button present in the bottom of jqGrid dynamically

Currently, I am working on asp.net mvc2 project which has a view containing three dropdown controls. I am also using jqGrid for displaying the data in the application. The jQGrid is displayed with buttons called Add,Edit,Search in the footer section. I need to disable and enable the Search button dynamically. If the user selects any item from dropdown1 and dropdown2 then I need to disable the Search button and in case the user selects any item from dropdown3 then I need to enable the Search button.
I am new to jQGrid implementation. Can anyone help me with some sample code to handle the above functionality.
Thanks & Regards,
Santosh Kumar Patro
I would recommend you to read the answer and another one. The answers shows how one can hide/show or enable/disable buttons from the navigator bar. You can use onSelectRow or beforeSelectRow callback to disable/enable/hide/show the navigator buttons dynamically.

Resources