You are viewing limited content. For full access, please sign in.

Question

Question

Trying to increase font size on text box for "Other Value" in checkbox field - Modern Designer

asked on November 11, 2024

I have been unable to determine what the proper selector is to target in this case.  I have a checkbox field that has an "Other Value" enabled, and the font size in the text box that opens up when "Other" is checked is way too small when it saves to the repository.  I've successfully targeted nearly every other type of field on this form (at save), but this one eludes me!  If anyone knows which selector this would be on the saved version of the form, I'd love to have your input.  I am able to target it in viewing mode but not when the form is saved.

1 0

Answer

SELECTED ANSWER
replied on November 12, 2024

Just wanted to drop this here in case anyone else is looking for the answer, as my SP was able to help me with this.  We ended up targeting the specific field which we determined by assigning the form to a user task, set as read-only in the task assignment and then inspecting the element using the developer tools.  The CSS below worked to target the text box, increase the font size, make the background white (making it much easier to read), setting a border, and making the height auto-adjust to match what is needed based on the amount of text in the box.

/* For "Other" description box in saved mode using specific ID */
div#Field111_other_value {
    font-size: 30px !important;
    line-height: 1.5 !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px !important;
    background-color: #f9f9f9 !important; /* Optional */
    border: 2px solid #ddd !important; /* Optional */
}

 

2 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.