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?


Solution

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


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


solved it, so yay me!

:)

Solution

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.

Eduardo Jauch wrote:

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


I had to.

I have to use the corporate sites CSSs, so yeah, it uses I don't know what styles.

That said, why the little pencils? Do they serve any purpose?