ImageLayout | Android A layout that arranges its children in relation to a background image | Computer Vision library

It's not clear from the code and text provided, but it seems that what you might need is to set the Name property of the control(s) you create in the first code snippet. Something like this:

Finally solved this issue!

Here is the correct answer just in case anyone may face this problem in the future:

First, create the following function inside your Form.cs:

I found the error.

The background image property is like the operating system desktop background, it is a wallpaper, that can be stretched, adapted, repeated...

Therefore here you don't need to use BackgroundImage for a button icon style image associated to its text.

If you use the Image property and set alignments to left for it and right for text, all works fine:

Then you can adapt these alignments as well as width and height to the desired result depending on the image size and/or text size and length.

Also, as indicated by the duplicate I finally found, to simply center all, you can use the TextImageRelation and set it to TextImageRelation.ImageBeforeText without changing alignments, and if necessary by increasing the height according to the size of the displayed image to have a clean result:

I'm not quite sure I understand your requirement correctly, but I'll give it a try ...

The date is managed in a date.txt file. It contains the date in the format DD/MM/YYYY, correct?

As described in the question, the custom control - a Button, here - is showing its standard Focus Cues when it becomes the ActiveControl. The default rendering doesn't appears to fit in, because the Background color is rendered transparent in a specific context, causing the standard Focus Cue to become obnoxious.

► The standard Focus Cue rendering is disabled overriding Control.ShowFocusCues to always return false (except when the handle is not yet created).

► The NotifyDefault method is also overridden, to avoid a similar effect when the Button is used to open a Windows that becomes active: in this case, the Button is rendered with a border meant as a visual clue that it's the ActiveControl of that Window.

► Some properties that define the Button specialization are removed from the PropertyGrid using a custom ControlDesigner, to avoid unwanted tampering with specific defining properties.

Finally, a custom Focus Cue is drawn at the bottom of the Custom Control's ClientRectangle, to give some feedback, otherwise a User would have no clue what the current Button/Control is.
The custom cue is not shown when the Mouse is hovering or the Button is being clicked.

It's an example of a possible custom rendering. Of course you can now paint whatever you want: a different border, background, translucent overlay etc.

parse the full path of your user.config file to an XDoc. from here on you can read it as a char array.

Thank you all for your help. I solved the problem by making a class that contains the points and the Pen and then creating an object of that class every time a line is drawn after that in the paint function it goes through the list of the objects and redraws every line with the corresponding color.

If you want to render the UI using a second pass, just set the storeOp of the color attachment in the first render pass to VK_ATTACHMENT_STORE_OP_STORE and the loadOp for it in the second render pass to VK_ATTACHMENT_LOAD_OP_LOAD to keep the contents.

Another option would be to do this in a single render pass, like I do in my samples. Just render your scene, and put the draw calls for the UI in the same render pass.