I need to some manual functionality while drag and drop the text. But I could not find the specific events to listen this event in ckeditor. Could you help me out?
CKEditor at the moment (1) doesn't provide any event or handles the drop actions in any way. Everything that you see is the default behavior of each browser.
So use the DOM and use your own listeners.
1: They plan to change this for the next version, but I can't foretell if they will provide what you want.
Related
I am trying to make a form builder which should have a functionality of drag and drop feature. Also the widgets when dropped onto the form should have a additional control of changing the particular widgets functions as per their choice. Like for suppose if a time picker has been dropped the person should have option to choose from 12/24hrs clock.
I tried adding the widget in one page but when dragging and dropping them on the form the edit option goes away as it is there in the default page. Please help with a suitable answer.
The kind of functionality I need
Also you can refer jotform
I am searching for a way to make a SAPUI5 custom control accessible. I build a kind of tile (based on a VBox control) and try to get this custom control accessible over keyboard (tab) or by clicking the mouse.
My idea was to implement sap.ui.core.Control#getAccessibilityInfo in my control, but this seems never be called. Currently I am trying to debug how other stuff is doing it like https://github.com/SAP/openui5/blob/master/src/sap.m/src/sap/m/ListBase.js but I can't find a way that works.
My control is currently placed inside a table, if I click on it the focus will be set to the table column. If I press tab-key it jumps to an input control inside my control.
My assumption, I miss something so that the control would be considered as focusable somehow.
I think that you are looking for ItemNavigation. VBox wasn't design to support keyboard navigation on it's content, but you could add a hook to onAfterRendering of your custom control, collect all dom refs you need to navigate on and pass them to ItemNavigation.setItemDomRefs.
If you need an inspiration you can have a look at sap.m.List implementation.
The important thing is to add oRM.writeAttribute("tabindex", "0"); // allows selection into the renderer of my own control. That allows to use the tab handling. Full code in a different question: How to copy&paste SAPUI5 controls by pressing Ctrl+C and Ctrl.V?
With this the control can be selected.
Also notice the this._bExcludeFromTabChain = false; in init section.
I have a TinyMCE editor embedded in a page in which the outer element has an ondrop handler that uploads dropped files.
However, if the user drops a file on the TinyMCE editor, the parent handler is never called. Regardless of whether I enable or disable drag-drop in the editor, the event never propagates to the parent element.
Is there a way to propagate an ondrop event from the TinyMCE editor to the surrounding element?
The editor itself is an iFrame so if you want to propagate the event you need to make sure you are passing it to the parent if you want the page to get the event.
Perhaps you can make a TinyMCE Fiddle or CodePen of what you are doing so people can see what you have tried?
I'm using a RadGrid for changing record status's. Users have the ability to select a status from a dropdown and update that record with that status. Depending on the status chosen, when the user clicks update I want to popup an additional form so the user can fill out more data required for the update. I'm not sure the best way to go about implementing this. Any suggestions are appreciated.
One way is to use the RadWindow like a modal and pop it up to the user via client-side JavaScript. We use RadWindows in our applications and it works. Or, the RadWindow supports a Nested Grid or View that you can have as a record's child; so you can have the master record, click on the arrow on the left and expand the record to view a nested grid of data, or a custom view (via the NestedViewTemplate property). You can also have the form in a DIV, hide it, then show it via JavaScript too.
Those are two ways.
HTH.
Is it possible to be notified when a PageBookView switches page? I've dug around in the source code a little, but there doesn't seem to be any direct way of doing it.
When the associated part becomes active, the PageBookView automatically switches to the respective page.
If the PageBookView doesn't offer notifications, you can add a listener to the pages and add a focus listener to their Control objects. This should have the same result. (See: IPage.getControl())