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

A simple line, difficult to remove.

6 Answers 9 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Paul-Henri
Top achievements
Rank 1
Paul-Henri asked on 02 Apr 2014, 12:14 PM
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.

6 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 02 Apr 2014, 12:33 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Paul-Henri
Top achievements
Rank 1
answered on 02 Apr 2014, 12:39 PM
Here is the  problem : 

http://crea.anopetia.com/_default

You can test it as you wish.
0
Paul-Henri
Top achievements
Rank 1
answered on 02 Apr 2014, 12:41 PM
Login : admin
mdp : uoh
0
Kiril Nikolov
Telerik team
answered on 02 Apr 2014, 01:13 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Paul-Henri
Top achievements
Rank 1
answered on 02 Apr 2014, 02:03 PM
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 ;)!
0
Kiril Nikolov
Telerik team
answered on 03 Apr 2014, 08:50 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
Paul-Henri
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Paul-Henri
Top achievements
Rank 1
Share this question
or