A simple line, difficult to remove.

[Paul-Henri]

Hi everybody,

I'm very stucked for a very simple thing, I cannot remove the line of the bottom of the drawer in my app (The one hilight yellow).

Is anybody as any idea? I try everything, remove css, add css, nothing works... It drives me crazy :/

Thank you very much for your help.

[Kiril Nikolov]

Hi Paul,

Can you please provide a runnable sample that we can inspect using the browser developer tools and find a way to hide it?

Thank you in advance for this.

Regards,
Kiril Nikolov
Telerik

 

 

[Paul-Henri]

Here is the  problem : 

http://crea.anopetia.com/_default

You can test it as you wish.

[Paul-Henri]

Login : admin
mdp : uoh

[Kiril Nikolov]

Hello Paul,

The line that you see is the border of the last element in the ListView. It set with:

.km-ios7 .km-list>li:last-child {
box-shadow: inset 0 -1px 0 rgba(180,180,180,0.5);
-webkit-box-shadow: inset 0 -1px 0 rgba(180,180,180,0.5);

If you override this property then the line should be gone.

Regards,
Kiril Nikolov
Telerik

 

 

[Paul-Henri]

So I just found a solution : 

$(".drawerGroup .km-list li:last").append("<div class='overlay' style='position:absolute;width:100%;background:#f9f9f9; margin-top:5px; left:0;'>&nbsp;</div>");

But yours : 

$(".drawerGroup .km-list li:last").css({"box-shadow":"none","-webkit-box-shadow":"none"});

Is better

Thank you very much : => Resolved ;)!

[Kiril Nikolov]

Hello Paul,

I am happy to hear that the problem is resolved.

In case you have any further questions, please do not hesitate to contact us.

Regards,
Kiril Nikolov
Telerik