I have checked your documentation could manage to dynamically disable (enable false) of my toolbar button.
this.toolBarObject.enableItems(document.getElementById('add'), false);
The 'Add' buttons appears as if it's disabled, but it is still triggering click events when clicked.
Is there a way to disallow clicking on disabled buttons?
Note: I am talking about toolbar alone but not the toolbar in the grid.
We have checked the reported case and toolbar buttons are disabled after calling disable method. Kindly refer the below sample.
https://stackblitz.com/edit/angular-rsuudm-bcsfwa?file=app.component.html
onSubmit(): void {this.toolObj.disable(true);}
Related
I am creating two buttons using form.io which is the type of Submit.
But here I am facing an issue when clicking on any button all the buttons on that page enables progress icon.
How can disable that progress icon or how can I enable for only the one which is clicked
I solved this problem using css , display none for the image
I have a disabled button. On mouse hover of this disabled button, I need to display a popup using GWT.
I tried to wrap it inside a panel and coded mouse hover for the panel. But it's not working instantly all the time.
IMO you should try to avoid this situation. For example, if you just want to show a small tooltip you can use a different title for enabled and disabled state explaining the disabled cause.
If you still want to react to an over event on disable button you can use something like this.
SimplePanel p = new SimplePanel();
Button b = new Button("hover me to toggle disable"); p.add(b);
p.addDomHandler(ev -> button.setEnabled(!b.isEnabled()), MouseOverEvent.getType());
RootPanel.get().add(p);
Although as you already have noticed, the browser does not fire over events on disabled inputs. So if you move the mouse without passing through the panel and goes directly to the button you will not receive the event. You can fix this applying this style.
button.gwt-Button[disabled] {
pointer-events: none;
}
But probably this might have some downsides or might not work in all browsers.
I have a radio control with text package. I need to disable the control for the radio button. But the text should be enabled.
Can any one help?
The SWT radio button (new Button( parent, SWT.RADIO )) is a single control that can be enabled or disabled as a whole only.
Technically, you could use a separate radio button (without text) and a Label with a layout to position them side by side. Now you would be able to control their enablement separately.
However, radio buttons are a common and well-recognized UI elements that you would break by enabling/disabling the button and text differently.
I have a simple Tab Panel (tabpanel) where each Tab is a Form. By default, I want the Form to be disabled (read only), and editable once the user taps the Edit button. By setting the "disabled" config of the form, the Tab is also disabled (cannot tap it).
How can I disable the form while keeping the Tab enabled? I have a couple of solutions to fall back on, but I'm hoping for something cleaner/simpler.
My solutions so far:
Make the Tabs Containers and place the Form inside the Container
Disable at the Fieldset level
My current solution uses the Tab Panel's "initialize" event handler and calls "setDisabled(true)" on each Form Panel.
onTabPanelInitializer: function(component, options){
component.query('formpanel').forEach(function(element, index, array){
element.setDisabled(true);
});
}
I have a UIToolBar with some button items on it separated by a flexible space item.
Depending on the state of the app, some buttons are enabled or disabled. And when this happens, when the disabled button is clicked, instead of doing nothing, it sends the "click" event to other button item.
I then understood that this is a default behavior for the toolbar (or the flexible space item?): when you touch an empty space on it, it forwards the event to the closest button. However this is not very good for usability in my application.
Setting enabled OFF to the flexible space item does not change anything at all, and removing UserInteraction from the whole toolbar will make all buttons untouchable.
Is there any way to prevent this "click event forwarding" and simply ignore the touches on empty spaces or disabled buttons ?
Thanks in advance
Well for anyone who wants to know, i couldn't do anything to solve it, you'd better do a better work with your ui.