Group of Button Showing Vertical Lines

[Tito]

At first, all the buttons were not visible. So I change the Skin.css and added height: auto and width:auto. That fixed where all the button are visible. But now I am seeing these vertical blue line behind the clear button. Has anyone else seen this? Would anyone have some ideas on how to fix this?

[Rumen]

Hello Tio,

The blue lines looks like a sprite image which is used in the Classic rendering of the controls. 

You can inspect with DevTools the rendered HTML/CSS and hide the sprite or switch to RenderMode="Lightweight" and test again.

If you experience problems provide a live URL or a simple runnable project so that we can debug the issue locally.

Regards,
Rumen
Progress Telerik

[Tito]

I added this to the appSettings

<appSettings>

<add key="Telerik.Web.UI.RadButton.RenderMode" value="lightweight" />

</appSettings>

But I am still seeing the vertical lines.

[Rumen]

Hi,

Can you set RenderMode="Lightweight" inline for each Telerik control on the page as well as

<appSettings>
    <add key="Telerik.Web.UI.RenderMode" value="lightweight" />
</appSettings>

and send a screenshot once you delete the cache and reload the page?

Have you also tried to inspect the generated HTML/CSS and find the reason for the problem - once you find the css which sets the background you can override it?

Regards,
Rumen
Progress Telerik

[Tito]

We found that another container was the issue. We had to adjust the width and height. 

Thank you for your support.

[Rumen]

You are welcome! Thank you for sharing the scenario and solution!

Regards,
Rumen
Progress Telerik