custom-widget | Example code for customizable VueJS component | Frontend Framework library

I would like to have the input field border in another color if the underlying field is NOT NULL.

After studying the CakePHP documentation I think I can somehow implement it with the Custom Widgets but how do I get the information if the field is NULL or NOT NULL, or does CakePHP already offer something pre-build which I didn't find?

Update:

I display all tables in the edit mode with one script. With this I want to avoid 50 edit.php scripts serving each table in the database. In this one script I generate on the fly the edit form. This means, this script is NEVER assigned to exactly one table. This is not the problem as I can parse all fields and display them properly for every special database type [date, varchar, set, int, time, ...].

Even the field description is read automatically from the table field comment which is then displayed as title tag when the mouse is moved over the ? symbol.

And now, as the next step, I would like to show a different border for a input field which is NOT NULL. This means, the different border should be shown for all fields which are displayed for the table.

I am using CakePHP 4.1.4

I followed the guide of the Qt documentation and completed a custom widget plugin. And now it can run successfully in QtDesigner. This is the example I refer to:

https://doc.qt.io/qt-5/designer-creating-custom-widgets.html

This is a clock widget with three hands.

I want to change the color of the hands through qss, just like this:

Basically, I want to add some QSliders to a window in QtDesigner, then "replace" them with a class that contains both a slider, and below it, a text box (a line edit).

EDIT: Why I want to do this: when I use QtDesigner, I can place sliders, and have an approximate visualization of the layout, as it is going to be in the final application:

That is why I want to use QtDesigner to begin with - to get an approximate visualization of the final layout, as it is going to be in the application. And since I want to replace these sliders with some sort of a widget that is based on a slider, it is much more helpful for me to have the sliders, first and foremost, in the view.

However, if I have to place QWidget as a starting point for replacement where the sliders are, then the QtDesigner view looks like this:

In other words, that space which previously showed a slider, is now empty - and so now I do not have a preview of the final GUI layout anymore, which sort of defeats the purpose of using QtDesigner for me (I might as well go the hard way, and try to draw the GUI entirely in code, without any visual feedback, with all the time consumption that might entail).

So far, I managed to get to this - I implemented a subclass of QSlider called "VertSlider" in test2.py, then promoted the QSliders in QtDesigner to this class in test2.ui:

Interestingly enough, it works somewhat - if you try looking hard at the center of the two sliders to the right, you can see the outline of the line edit in the center of the sliders.

But I don't want that, obviously - I'd want to have the line edit on bottom, it should take up as much vertical space from the original slider look (as specified in QtDesigner) as needed, and then the actual slider should fill up the rest of the vertical space (as indicated on the left of the screenshot).

I guess, part of the problem is, that QSlider does not seem to have a .layout() - that one by default returns "None"; I tried to force one, but that clearly does not work.

Via Qt widget stacking child layouts on top of each other found this quote from documentation:

If there already is a layout manager installed on this widget, QWidget won't let you install another. You must first delete the existing layout manager (returned by layout()) before you can call setLayout() with the new layout.

So apparently, QSlider does not have a default layout manager .... And judging by Is it possible to add text on top of a scrollbar? and Qt add a widget inside another widget? - it seems in that case, I'd have to either "Subclass ... and override paintEvent()" or "Use a proxy style/drawComplexControl()"; by the terminology in https://www.learnpyqt.com/courses/custom-widgets/creating-your-own-custom-widgets/ that would be a "custom-drawn widget", but I was really hoping that I could "just" do a "compound" widget: just somehow go from a QSlider-based specification in QtDesigner -> to a QSLider+QLineEdit widget, without having to deal with custom painting.

Of course, I can in principle subclass QWidget, and then the approach with layout.addWidget would work - but I cannot use that subclass to "promote" what is placed as a QSlider in QtDesigner.

So, what would be the easiest way to create a QSlider subclass, which would just add a line edit textbox on the bottom of the slider, which can be used as a class to promote QSlider to in QtDesigner?

test2.ui

I have an application where I want a custom widget to not resize any larger than its content (i.e. even if app is fullscreen, don't stretch out buttons, labels, etc.). I asked this question about how to make this happen, however there is an issue: if I set a QLabel to word wrap, it doesn't take up as much space as it could. I still want to take up the minimum space possible but only word wrapping at the edge of screen space (i.e. taking up horizontal space is preferred over vertical space). Is there any way of doing this in PyQt5? There is example code below, and my actual code for which I want to implement this is at https://github.com/Jachdich/blechat-changeme if it is of any use.

I'm trying to create my custom TextField widget with a dropdown list. I want to give it arguments of controller and focusnode. I don't want them to be required, but if they are not, I can't set them for Controller() and FocusNode(). And I can't have them with null value cause I already work with them inside the class. I'm not sure how to do this. Here is what I have:

I've been trying to create a custom widget for Netlify CMS to allow for key-value pairs to be inserted. However there are a few things going wrong, I'm thinking they might be related so I'm making a single question about them.

This is my first custom widget, and I’m mostly basing this on the official tutorial: https://www.netlifycms.org/docs/custom-widgets/

I’m using a Map as the value, but when I add a new element to the map, and then call the onChange(value) callback, nothing seems to happen. However, if I change it to onChange(new Map(value)) it does update. It seems that the onChange callback requires a new object?

Secondly, the value doesn’t seem to be actually saved. When I fill in other widgets and refresh the page, it then asks to restore the previous values. However it doesn’t restore the map, while restores the other values just fine.

And lastly, I get uncaught exception: Object like a second after I change anything to the map. My guess is that Netlify CMS is trying to save the map (debouncing it for a second so it doesn’t save every letter I type), but fails and throws that exception. That would explain the previous problem (the non-saving one).

My complete code for the custom widget currently is:

I'm learning python and PySide2 and following up some tutorials from learnpytq, specifically https://www.learnpyqt.com/courses/custom-widgets/bitmap-graphics/ and I'm stuck at a point.

Down the line, after creating the pixmap canvas, we move the mouseMoveEvent on the widget in order to ensure that the coordinates of the mouse are always relative to the canvas. I've copied the source provided but still in my running app, the mouse position is relative to the window (or parent widget, I'm not sure), resulting in a line drawn offset to the mouse position.

Here's the code:

I try implement custom widget follow guide https://surveyjs.io/Examples/Library/?id=custom-widget-select2-tagbox but not show image challenge of captcha

how can i implement captcha image challenge for surveyjs form?

I want to up my game in UI design using PyQt5. I feel like the resources for UI customization in PyQt5 are not easy to find. It is possible to try and make personalized widget, but the overall method seems non-standardized.

I need to build an arrow widget that is hoverable, overlappable with other widgets and highly customized. As I read in this tutorial and some other posts, it possible to do exactly what you need using paintEvent. Thus that is what I tried, but overall, I feel like the method is quite messy, and I'd like some guidelines on building complex Customized, general widget. Here's what I have:

Customized Shape: I built my code based on this

Hoverable property: I read everywhere that modifying the projects styleSheet is usually the way to go, especially if you want to make your Widget general and adapt to colors, the problem is that I wasn't able to find how to use properly self.palette to fetch the current colors of the QApplication styleSheet. I feel like i's have to maybe use enterEvent and leaveEvent, but I tried to redraw the whole widget with a painter in those functions and it said