2016-10-11 2 views
1

검도에서는 Angle 2에 대해 현재 검도 인 그리드의 열 정렬 아이콘을 Kendo Glyphicons로 대체 하시겠습니까? 검도 for Angular2 : 검도 글리프콘으로 그리드 정렬 아이콘을 바꾸는 방법

나는 나의하는 SCS 파일이 시도하지만, 각도이 개 사용하는 글꼴 아이콘 검도 UI에

.k-grid-header .k-header .k-link > .k-icon { 
    background-image: none; /* remove Kendo's sprite image */ 
    font-family: KendoUIGlyphs; 
} 

.k-grid-header .k-header .k-link > .k-icon.k-i-sort-desc::before { 
    content: '\e61a'; /* KendoUIGlyphs down arrowhead */ 
} 

.k-grid-header .k-header .k-link > .k-icon.k-i-sort-asc::before { 
    content: '\e618'; /* KendoUIGlyphs up arrowhead */ 
} 

답변

1

기본 화살표를 작동하지 않았다, 그래서 font-family을 변경하거나 스프라이트를 제거 할 필요가 없다 영상.

.k-grid-header .k-i-arrow-n::before { 
    content: '\e61a'; 
} 

.k-grid-header .k-i-arrow-s::before { 
    content: '\e618'; 
} 

runnable demo 참조 : 대신에, 단지 의사 요소의 내용을 설정합니다.

+0

데모는 실제로 그리드를 불러 오지 않고 "로드 중 ..."이라고 표시됩니다. – Shanegela

+0

내 환경에서 솔루션을 시도했지만 여전히 화살촉 대신 화살표가 표시됩니다. – Shanegela

+0

공공 자원을 사용하도록 데모를 업데이트했습니다. 코드가 도움이되지 않는 경우 시나리오가 데모와 다른 점에 대해 자세히 설명해주십시오. –