I am trying to create a chart that displays the data that came from the api that is supposed to be like this image
as for the date and the size of the columns, no matter how many data are coming
I have two problems:
1- I don't know Make the widget flexible so that the column always appears the same size
2- I don’t know. Make the date the same as what is needed. It is displayed in the same form in the API
how can I fix it
For making a widget flexible and appear the same size you can use BoxConstraints by adding Container or SizedBox as parent widget and defining height and width.
Related
I have a use case where I have a sidepanel containing Searchbox, Some MessageBoxes and two lists which get filtered when user searches for something.
The searchbox and messagebox occupies the fixed height but I want both the lists to occupy equal height and grow if the browser resizes.
Also would be nice to shrink the list if there are less items in one of the lists to give more room to the other one.
Here's what the UI looks like...
I'm currently trying to calculate the height and assigning the height to both the lists manually on browser resize event but I was wondering if there's a better way to do that.
Thanks in advance :)
Use a Stack component, specifying the grow attribute on the Stack.Items that wrap your lists.
https://github.com/microsoft/fluentui/blob/master/packages/office-ui-fabric-react/src/components/Stack/examples/Stack.Vertical.Grow.Example.tsx
At the moment I'm writing a tool to extract parts of frames of mp4-video files. You draw rectangles on the video and the tool extracts .png-images at regular intervals. Now I want to give the user the ability to edit the properties of individual rectangles they have drawn on the video (exact position, frequency of frame extraction, time frame, etc.). I like the approach that QtDesigner takes for editing ui elements. You can see what I mean in this screenshot i found on the internet
The yellow and green table contains name value pairs for the different properties of the selected ui element. The table is devided into section depending on what class the property was inherented from. In the Screenshot the green part is inherented from MarbleWidget. The yellow part is inherented form a different class. I want each division to refer to a different rectangle and the color to match the colour the rectangle is drawn in on the screen.
I've tried using QTreeView, QTableView, QToolBox and QTableWidget but none of these - to my knowledge - offer putting QWidgets in the "value" part of the table. In the screenshot you can see tick boxes for example. In my case I would want to use a range slider. Does anyone know what class is used to Implement this table?
I think you'll find it difficult to use the designer classes in a normal application.
See qtpropertybrowser for a properties editor.
See setIndexWidget for a static widget. As it says, use QItemDelegate for dynamic widgets. Note that the specific item subclasses have their own methods like QTableWidget.setCellWidget.
We have been working in a Tree Editor. We are displaying icons below the file names. Now, we have a need to display another icons below this already displayed icon. This icon will be displayed based on some parameters. Hence, it is not necessary that always multiple icons will be displayed.
We have our own LabelProvider which correctly returns a single image.
Please, let me know how can I customise my LabelProvider to return multiple images ?
The normal LabelProvider only supports returning a single image per row.
There are some classes available which let you make a composite image from several separate images. The abstract base class for these is CompositeImageDescriptor. The DecorationOverlayIcon class is a concrete class based in this which supports a main image with up to four overlay images (this is what views like Package Explorer use).
If those classes are not enough you can use a label provider based on OwnerDrawLabelProvider - which allows you to draw what you like in the row.
Note: All rows in a tree (or table) are always the same height. A deep image in one row will force all the other rows to be the same depth.
Microsoft Access seems to limit the form width. This limit is ->very-< small...
Is there any way to bypass this limit?
I try to create a dynamic datasheet view which allows background coloring of rows, onClick events in specific fields, Locking of specific fields, logging of changes etc. I'm using a continous form, that dynamically defines field width, events, sorting, color and position to create this perfekt table, which works really well.
The only limitation for this I've found is the max form width, wich seems to be a simple integer, 32.767 . The size of this seems to be ->much<- smaller than a pixel (I've heard it's 567 per cm.), and so it limits at about 1.2 screen witdh of a HD screen. Thats WAY to small...
I'm not sure what you mean by 32.767 being smaller than a pixel? The max width for a form is 22 inches which is 31680 twips. That is ~1.2x the with of my monitor; you're right. But that seems pretty darn wide. Certainly not very small.
If you need wider than that you can use datasheet view for data entry, or multiple rows of controls in your continuous form, or multiple screens (i.e. tab ontrol, let the users click 'Next' to fill out more data).
This is a logical width to keep you from shooting your self in the foot. People don't like to scroll to the side a lot.
I was searching google for a way to size the form and the controls with it and came across something that mentioned Control.scale. How do I use the control.scale method to size everything down to the way I want it.
Also, is there a way I can zoom the form out in the designer. I want to create a 1280X800 form, but my screen is 1024X768. I want to be able to zoom out to see the entire form wile still having it's size be 1280X800.
You can use tablelayout panel in order to fit your form in all resolutions.similary a property called anchor, which is also need to be assigned for the controls inside tablelayout panel according to your requirement [top,bottom,left,right] to achieve the same.
By the way you have to use percentage for setting the column's width and row's height in that.
Simply, this way of designing is called as fluid designing.
Table layout panel