eXpand | DevExpress XAF extension framework | Dashboard library

Hello dear stackoverflow users. I have an accordion. When this accordion is open, I want to make the invisible eye icon next to it visible. But which accordion is clicked, only its eye icon will open. Please help me :)

My code :

A part of my form contains QGroupBox (Status Box) with 4 child QGroupBoxes arranged in a grid layout (2x2). Two bottom QGroupBoxes (Widget 1 Box and Widget 2 Box) contain widgets of fixed size (with set minimumSize and maximumSize) so they're non-resizable at all in both directions. Because of that rigid size constraints top row of QGroupBoxes (Summary Box and Helper Box) can only be resized in vertical direction.

And here comes the troublesome part. Top-left QGroupBox (Summary Box) have grid layout 5x3 while top-right (Helper Box) have vertical layout with 6 rows. If I have naive widget placement as shown on picture 1 Qt is enlarging vertical size of both labels in top row to make height of both QGroupBoxes equal (see red arrows on picture 1).

This is definitely that I don't want so I've added vertical spacer to the bottom of Summary Box and from the first glance it worked (picture 2). But only from the first glance... What you see is the minimum height of my whole form and the bottom side of spacer and last QCheckBox in the Helper Box seems to be aligned.

If I'm expanding my form vertically this spacer grows a bit and that causes the increase of height of both top QGroupBoxes. As a result spacing between QCheckBoxes increases too and we can also see that top and bottom spacing are unequal for the top-right box (see red arrows on picture 3).

I've tried to play with sizeType for my vertical spacer. If I set it to Minimum or MinimumExpanding then the spacer doesn't grow on resize (and doesn't shrink, too) but it appears to be expanded to the size as on picture 3 (corrupting spacings between QCheckBoxes too). If I set it to Maximum, Preferred or Expanding then I observe the same behavior as described above for picture 3.

What is the proper way to achieve alignment for two QGroupBoxes in a row of grid without affecting spacing between elements (e. g. in that case make vertical spacer to fit only single row of grid layout and never expand/shrink)?

Here if search text matches the text of tag I want to hide other unmatched items.

I'm trying to create a multi-level dropdown using Bootstrap and some JSON data.

Ideally, I want the dropdown to have this kind of nested functionality:

I'm working with an array of objects with nested data, and it looks like:

My question is related to this post in the "old" Vaadin Forum. I want to set the initial row number of the Vaadin TextArea to 1, so it looks like a TextField.

The mentioned post has the solution:

This requires a bit of JavaScript to fix. You need to set rows=1 to the internal element

I have a tab button that handles the chatbox functionality. By default it is closed and when clicked, expands into the chat box. When it is closed all the buttons around it work as intended, however, when expanded the buttons above it can no longer be clicked like there is a invisible div over them.

Here I will provide the pictures of what I am describing and the corresponding code.

Closed(plus sign button working correctly)

Opened(plus sign button no longer working)

Code:

Created a server.js which indicates to index.html file.(server.js and index.html locates on the same folder). In that html I couldn't use any styling from external css file or any assests from local storage. But inline css & images from internet is working fine.

server.js

I am trying to ingest JSON array data into Azure data explorer, as per this Microsoft article. (Only the JSON Array section) https://docs.microsoft.com/en-us/azure/data-explorer/ingest-json-formats?tabs=kusto-query-language

I have one table with two columns(messageId,Message) message contain json data and i want to extract this data into different columns. all of the fields from the array are just blank.

enter code here { 'data': { 'type': 'ABC', 'id': '1234567890', 'attributes': { 'event': 'update', 'logged_at': '2021-06-03T15:41:22.000Z', 'heartbeat_id': '12345678', 'gps_valid': True, 'gps': { 'distance_diff': 0.22, 'total_distance': 127.79 }, 'hdop': 12, 'fuel_level': 180.4, 'relative_position': { 'distance': '3', 'country_code': 'Uk' } },`

CODE: AMO | mv-expand data = message.data | extend type = data.type, id = data.id` }

I have a table header with buttons, but the moment I add my dropdown button, it moves all of them around and makes them ugly to look at. This is my dropdown button: