Devextreme overlay controls show up as two instances - overlay

I am using Devextreme dxDataGrid control in my page and I am facing the issue that Delete confirmation dialog and Drag-Drop overlay shows two instances instead of one.
Following are the screenshots:

The issue is resolved after removing dx-viewport css class from my View page.

Related

Add button on TYPO3 backend list view

I need to add button on TYPO3 backend list view (here for example):
Purpose of this button is similar to hidden button, I want to change flag Top News from 1 to 0 and from 0 to 1.
I have no idea where to start, I found how hidden button working but I have no clue how to add own button and work with it. If possible, please add any links to extension, which have solution for that problem, or code which solved that or anything else will be great.
Thanks!
You could use the $GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['typo3/class.db_list_extra.inc']['actions']hook.
This way I added a custom toggle button and controlled the display of other buttons via TypoScript.

Any links or HTML form items like button inside the Bootstrap 4 modal is unusable

I have cart icon, which when clicked loads the cart of the user in a Modal. However, any link or HTML form items like input or buttons that are within this modal are unusable. It can never be brought to focus nor clicked. I tried playing with CSS property z-index with no success.
Check site here.
Add any product to cart and then click bag/cart icon on the top right to see the issue.
Changing the pointer-events value in CSS solved the issue. wrapping the content part in an element with class modal-content is also fixing the issue as suggested in comments.

ionic framework hide ion-tabs on certain tab state

I've been trying to find a solution but I can't find any.
I'll use basic examples so anyone who knows ionic can understand my problem well.
ionic start myApp tabs will create a new project with tabs ready to go.
Those tabs are Dashboard, Chat and Settings.
When you go to the Chat Tab you will then select a person to view its chat content (which directs you to the Chat-Detail Page in actuallity)
I wanted to hide the ion-tabs directive when I go to the chat-detail page so I can force the user to use the Back button instead of clicking anything on the ion-tabs.
Simply put : you will have a hard time doing that. At best it will not look good, IF you succeed to hide using css (I did it, and really, it's not pretty). Basically you would need to define a variable on the parent scope, that changes when entering the chat-detail state, and bind it to ng-class directives on multiple elements (the ion-tabs to hide it, the ion-content to translate it up to cover the area where the tabs were, and add some transition to make it not too brutal).
The logical thing to do would be to have the chat-detail state not being a child of the state containing the tabs. The problem you will have, though, is that there is a huge bug going to / from tabbed state. See details here : https://github.com/driftyco/ionic/issues/2997
At the end of this discussion you can find some posts by Jason and Jerrybels (that would be me), that could lead you on the right way to do it. Basically, you will have to get rid of the ion-tabs directive, and use Ionic's CSS for tabs instead, doing all the states manipulations yourself.
Good luck !
You can use "hidden" attribute of ion-tab like this -
<ion-tab hidden={{condition}}" />
Using this we can show/hide tab.

radio button parent in code

In B4A, it is possible to add radio buttons to a parent (or group them) - such as a panel, instead of using designer? I have used addview to add 3 radio buttons to a panel but no luck.
I was using designer and then decided to try 100% code but I am having no luck getting them to select properly
There should be no problem adding radio buttons with code. Can you post the code that you tried?

is it possible to set up drag/drop tabview tabs in qooxdoo?

I would like to allow re-ordering of tabs in a tabview, preferrably using drag and drop of the tab buttons. The example drag/drop code for lists, modified for tabs simply doesn't work (the dragstart event is never fired).
Is this even possible?
At the moment we do not have this functionality out-of-the-box available. However, you can create a bug report at your bugzilla to get this feature in a future release.