css styling for workflow text?

Frank Martin

30. Juni 2015 02:44

Does anyone know how to change the style (font, color, etc.) of text with in a workflow Display form or Alert?  I know that you can change it globally in common.css, but I'd like to be able to stylize specfic text.

Frank

0

• 

  Permanently deleted user

  30. Juni 2015 04:42

  Hi Frank,

  I would try using Chrome and right clicking on the text you want to style and selecting "Inspect element"  to see if it can be uniquely identified.   For instance you may want to style a label on a Design Form and by qualifying it with what section it is in you may be able to uniquely identify it, for example by adding textbox.inner.form-label in the custom CSS as opposed to just using form-label. 

  I hope this makes sense, it may take a little trial and error to get it right.

  Regards,

  Wayne

  0
• 

  Tom De Leus

  2. März 2017 13:38

  Hi Frank,

   

  did you figure this out?

   

  Thanks,

   

  Tom

  0
• 

  John Nerge

  3. März 2017 16:29

  Wayne's suggestion is still valid. You have to find the specific css property you want to modify. Example, here's to modify the input text font for text forms:

   

  .workflow-form input{

   

      font-weight:bold;

   

     }

  0
• 

  Permanently deleted user

  17. Mai 2017 09:09

  Tom if you are not talking about user-filled fields i.e. form titel, what is written in a text box and.. you can use this method:

   

  _img_ alt="User-added image" src="https://latitudegeo--c.na53.content.force.com/servlet/rtaImage?eid=90760000000GrWt&feoid=Body&refid=0EM60000000Ujgu" _/_img_

  0
• 

  Permanently deleted user

  17. Mai 2017 09:32

  Another option:

   

  In a display form, description of group objects are accepting HTML tags like:

   

  Normal text <p> <b> <i> My text in bold and italic </i> </b> </p> another piece of normal text

  0
• 

  Permanently deleted user

  16. Juli 2020 19:14

  Geocortex 4.12, Essentials Workflow (not WF5)

   

   

  A follow-up to this, for changing the CSS for only one item (i.e., not all the inputs):

   

   

  We have a form that has some user entries, and some read-only items. They are all textboxformitems, but we wanted the read-only ones to have grey backgrounds. CSS allows selection by attribute, and the text boxes have their Geocortex form IDs as attributes. So, in the site custom CSS file, I added the following:

   

   

  input[data-gcx-form-item="TextBox9"] {background-color: LightGray} 

   

   

  References:

   

  CSS Selectors: https://www.w3schools.com/cssref/css_selectors.asp

   

  CSS Colors: https://www.w3schools.com/colors/colors_shades.asp

   

   

  Hope this helps someone else out,

   

  Jena

  0

Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.