This is a migrated thread and some comments may be shown as answers.

Group of Button Showing Vertical Lines

5 Answers 44 Views
Button
This is a migrated thread and some comments may be shown as answers.
Tito
Top achievements
Rank 1
Tito asked on 20 Mar 2019, 09:25 PM
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?

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 22 Mar 2019, 09:01 AM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Tito
Top achievements
Rank 1
answered on 25 Mar 2019, 07:39 PM

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.

0
Rumen
Telerik team
answered on 27 Mar 2019, 02:19 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Tito
Top achievements
Rank 1
answered on 27 Mar 2019, 02:26 PM

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

Thank you for your support.

0
Rumen
Telerik team
answered on 27 Mar 2019, 04:28 PM
You are welcome! Thank you for sharing the scenario and solution!

Regards,
Rumen
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Button
Asked by
Tito
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Tito
Top achievements
Rank 1
Share this question
or