Logic Machine Forum
CSS for user editing text zone - Printable Version

+- Logic Machine Forum (https://forum.logicmachine.net)
+-- Forum: LogicMachine eco-system (https://forum.logicmachine.net/forumdisplay.php?fid=1)
+--- Forum: Visualization (https://forum.logicmachine.net/forumdisplay.php?fid=9)
+--- Thread: CSS for user editing text zone (/showthread.php?tid=1168)

CSS for user editing text zone - SigmaTec - 06.01.2018

Hi all,


would someone have an example of CSS to perosnnalize the graphic aspect of a text modification field (I know how to do it for the text in display, but not in input).

Do you also know if there is a document on all editable CSS classes ?

Thank you in advance for your answers.

Dominique.

[Image: LM-forum01.jpg]

[Image: LM-forum02.jpg]

RE: CSS for user editing text zone - Erwin van der Zwart - 06.01.2018

Hi,

There is no documentation for CSS, you can lookup the used CSS with the browser inspector (F12).

The CSS code you are searching for is:
Code:
input.input-large {
  color: #260afb;
  font-size: large;
}
You can also use the theme css that holds most items as a base for modify the CSS, you can find it here: http://192.168.0.10/scada/vis/theme.css.gz

Tip: Read this to learn all about css: https://www.w3schools.com/css/

BR,

Erwin

RE: CSS for user editing text zone - SigmaTec - 07.01.2018

Hi Erwin,
thank's for your answer, it run well.

I have now to understand the inspector mecanism to reach all the CSS objects interesting me.
Have a good week end,
Dominique