Set font style for textbox user entry

John Nerge

March 03, 2016 19:22

Is it possible to change the font style for user-input text into textboxes in display forms?

 

One of my users told me it's hard to see the text she types into a text box in a display form. She works on a tough book in the field, in the sun, and she said that the characters look like they cut off and are incomplete.

 

It could be an issue with her display, but I thought I'd check to see if anyone knew if it was possible to modify the appearance of the text users type into a textbox form item? It would be nice to be able to either increase its size and/or make it bold.

0

• 

  Permanently deleted user

  March 04, 2016 15:01

  Hello John,

   

  Is the viewer Silverlight or HTML?

   

  If it is HTML I would propose CSS for a simple fix. 

   

  Something like this... .workflow-form input{ font-weight:bold; }

   

  You can also use the CSS property font-family to change the font style. This should only effect the display form of workflows. You could target all text boxes just with the "input" selector. 

   

  Unfortunately I am not sure how to accomplish this in Silverlight.

   

  Hope this is what you are looking for. 

   

  Regards,

   

  Chris Mayhall

  0
• 

  John Nerge

  March 04, 2016 17:11

  I am using HTML5, so thanks, that did it!

   

  For those of you who are CSS novices like me, Chris taught me how to look these up in a different post on datalink colors (https://support.geocortex.com/essentialsGSCForum?sub-nav=forum&main-nav=essentials&#!/feedtype=SINGLE_QUESTION_DETAIL&id=90660000000TS5dAAG) . You can right click on an element in your viewer to Inspect it in Chrome or Firefox. For this one, the CSS was derived the textbox element being an input selector nested in the .workflow-form class.

   

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

  0
• 

  Permanently deleted user

  July 16, 2020 19:13

  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

Please sign in to leave a comment.