Hide or disable the Edit Signature icon

posted on September 6, 2019 • Show version history

We currently have our Forms users who need to sign a Forms document store their signature so that when they need to sign, Forms auto populates their stored signature.

We are trying to save space on the form and thus noticed that the Edit Pencil for the Signature field adds space below that field. Can this be hidden or removed?

I tried to piece ideas together from the Answers site, but I honestly don't really know what I am doing and I have not gotten the desired results.

I found this. And I believe this is the reference to the Icon I am trying to hide. However, I do not know how to do this in Javascript as my attempts have failed.

0 0

replied on September 6, 2019

You don't need to use JavaScript, you can just hide it with CSS.

.form-sig-edit {
  display: none;
}

However, make sure you test with a lot of different possible signature sizes.

Users can still go into their Forms account information and edit their signature at any time, so they could add a signature that is pretty large compared to the space you're providing on the form, even if you don't let them edit it from the form itself.

1 0

replied on September 6, 2019

That worked. Thank you.

How did you know that that element was called .form-sig-edit? That is where I struggle alot, trying to determine the names of what I am attempting to work with.

Along those lines, is there an element that I can resize for the actual gray box itself?

0 0

replied on September 6, 2019

In the screenshot you provided, the element's class (or in some cases they have an id attribute) can be used to target it with CSS or JQuery.

In the browser you can right-click and inspect the element, then just look for the class or id values.

There's actually two layers to the gray box, there's the box itself, and then there's an image element inside that holds the actual signature image.

Inspecting the elements will allow you to see the sizing and everything for each of those pieces.

1 0

Discussion

Discussion

Hide or disable the Edit Signature icon

Comments 3

Follow-Ups 0

Sign in to reply to this post.