Little pencils in a form...

Little pencils in a form...


Hi all!

So, I'm developing a form, and it has a *ton* of custom external CSS that I'm loading using the @import thingy.

So far so good.

The problem I'm having is that, for some reason, the form looks like this

Now, as far as I can see, there's nowhere in my code where I'm adding those little pencils:

Upon checking in the browser developer tools, I see this

and the .fa style is defined in the FontAwesome.css file, which is part of the RichWidgets, which is a OutSystems component.

So, my question how do I get rid of them?


Uh, it seems that fiddling with the screen's CSS and adding this

.fa, .fa-pencil, .FormEditPencil
    display: none;

solved it, so yay me!



Just out of curiosity, did you removed the default Form style?

Yeah, this is what happens when you change the default form styling. Have had it before.

My fix was just

.FormEditPencil { display: none;}

But yours obviously works as well.