Welcome to our new forum
All users of the legacy CODESYS Forums, please create a new account at account.codesys.com. But make sure to use the same E-Mail address as in the old Forum. Then your posts will be matched.
Close
I am currently working on a visualization project in CODESYS 3.5.18.30. Is there a way to set a padding in a rectangle, so when the text's horizontal alignment is set to "left", the text doesn't start at the left edge of the rectangle but a specific amount of points right of the edge?
the element has "Text properties" "Horizontal alignment" and "Vertical alignment"
Horizontal Text alignment is not centered or
Vertical Text alignment is not centered
It could work for each element if you place the additional styles under it, but I'm not sure about this.
If you use it like in the attached style, then it will be applied to all elements I guess.
Currently there is no other way with these style entries.
As a workaround you could put 2 rectangles into a group and the inner rectangle contains the text and the alignment and is a bit smaller than the outer one. Then the line break would occur not exactly on the right edge.
I will create an improvement in our system for this.
thank you for creating the improvement.
Your suggestion with the workaround sounds good, but I also wanted to use the padding in a table. So I won't be able to use the workaround there. But on the rectangles I will use your workaround.
Thank you again for your help!
Regards,
carohe
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
thank you very much for you answer! Do you mean edit the style in the style editor of the visualization manager?
Do you have a manual or tutorial how to edit styles? I have already tried to edit something there but I do not know how to work with the style editor, so a manual or tutorial would be very helpful.
Regards,
carohe
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Yes, you can use the style editor (Copy derived style) or edit the XML file directly and reinstall it into the repository (Tools-> Visu Style Repository).
I have tried what you wrote, but it does not change anything. I am using the Visualization Version 4.2.0.0. I also do not understand how a textfield or rectangle would know where to use this entry.
Currently, there is not much information about the style entries available.
But we're working on creating a documentation for this. I don't know of an exact date but I could imagine that it will be online in the next few months.
👍
3
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Thanks for the update! Glad to hear there will be a manual!
In the mean time could you please describe how to set the Scroll bar default width please? (The one that appears when "Scroll elements with scrollbar" option is enabled)
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
I can ask a collegue on monday, because I couldn't find anything for this in the code. Normally, the width depends on the element's scrollbar settings or it is a fixed default width. The Table element for example contains a property "Scroll bar size".
Regards
Julian
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Hi,
thank you very much! I have tried several options, but nothing worked. I feel like I am missing the information how to link the entry in the style editor with the actual element. I am trying to understand how the style editor works and how these elements are linked but I haven't understood it yet.
Regards,
carohe
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Hi,
I am currently working on a visualization project in CODESYS 3.5.18.30. Is there a way to set a padding in a rectangle, so when the text's horizontal alignment is set to "left", the text doesn't start at the left edge of the rectangle but a specific amount of points right of the edge?
Regards,
carohe
Hi together,
I was missing some information.
The padding-Feature will only work if:
It could work for each element if you place the additional styles under it, but I'm not sure about this.
If you use it like in the attached style, then it will be applied to all elements I guess.
Last edit: j-zauner 2022-11-29
Hi Julian,
thank you very much, this works, but it only works on the side of the alignment. So there is no way to have it on both sides?
Regards,
carohe
Last edit: carohe 2022-11-29
Hi carohe,
I'm glad it helped you.
Currently there is no other way with these style entries.
As a workaround you could put 2 rectangles into a group and the inner rectangle contains the text and the alignment and is a bit smaller than the outer one. Then the line break would occur not exactly on the right edge.
I will create an improvement in our system for this.
And I found some more documentation regarding this topic: https://content.helpme-codesys.com/en/CODESYS%20Visualization/_visu_aligning_text_with_spacing_to_the_element_frame.html
Regards,
Julian
Hi Julian,
thank you for creating the improvement.
Your suggestion with the workaround sounds good, but I also wanted to use the padding in a table. So I won't be able to use the workaround there. But on the rectangles I will use your workaround.
Thank you again for your help!
Regards,
carohe
Hi carohe,
The only possibility to do this, is to create your own style with the following entries:
Regards,
Julian
Hi Julian,
thank you very much for you answer! Do you mean edit the style in the style editor of the visualization manager?
Do you have a manual or tutorial how to edit styles? I have already tried to edit something there but I do not know how to work with the style editor, so a manual or tutorial would be very helpful.
Regards,
carohe
Hi,
Yes, you can use the style editor (Copy derived style) or edit the XML file directly and reinstall it into the repository (Tools-> Visu Style Repository).
More information is here: https://content.helpme-codesys.com/en/CODESYS%20Visualization/_visu_edit_style_in_the_style_editor.html
And I forgot, for the style entries to work, you'll need the Visualization Addon in version 4.2.0.0 or higher.
Regards,
Julian
Hi Julian,
thank you very much, I will try it!
Regards,
carohe
Hi Julian,
I have tried what you wrote, but it does not change anything. I am using the Visualization Version 4.2.0.0. I also do not understand how a textfield or rectangle would know where to use this entry.
Regards,
carohe
Hi j-zauner,
Do you know if there is manual describing the style names and value limits for each visual component?
Hi surikan,
Currently, there is not much information about the style entries available.
But we're working on creating a documentation for this. I don't know of an exact date but I could imagine that it will be online in the next few months.
Thanks for the update! Glad to hear there will be a manual!
In the mean time could you please describe how to set the Scroll bar default width please? (The one that appears when "Scroll elements with scrollbar" option is enabled)
Hi,
you're welcome :)
I can ask a collegue on monday, because I couldn't find anything for this in the code. Normally, the width depends on the element's scrollbar settings or it is a fixed default width. The Table element for example contains a property "Scroll bar size".
Regards
Julian
Hi, I've never tried it, so only suggestion:
So the full path will be like TextField -> Text -> Margin - Horizontal.
Hi,
thank you very much! I have tried several options, but nothing worked. I feel like I am missing the information how to link the entry in the style editor with the actual element. I am trying to understand how the style editor works and how these elements are linked but I haven't understood it yet.
Regards,
carohe