인텔 XDK 앱 프레임 워크 슬라이더 길이

Question

슬라이더를 넓게 만들려면 어떻게해야합니까? 토글 슬라이더 "Graph"또는 "Table"에 텍스트가 잘려져 있습니다. 어떻게 확장 할 수 있습니까? 내가 인텔 XDK UI의 너비를 변경하는 쉬운 방법이라고 생각하지 않습니다

<div class="wide-control"> 
    <input type="checkbox" class="toggle" id="ModeSwitch"> 
<label for="ModeSwitch" data-off="Graph" data-on="Table"><span></span> 
    </label> 

Answer 1

:

여기에 관련 요소이다. 이것은 내가 아는 한이 위젯을위한 세트입니다. 당신은 아래에 자신의 index.html을 파일에 CSS 스타일을 재정의 할 수 있습니다 (I 각 폭에 100을 추가하지만 맞는 볼 당신은 조정할 수 있습니다) :

<style type="text/css"> 
     #afui input.toggle+label {width: 165px;} 
     #afui input.toggle:checked+label>span { 
      transform: translate3d(137px,0,0); 
      -webkit-transform: translate3d(137px,0,0); 
     } 
</style> 

참고 :이 스타일 태그는 afui 후 제공해야합니다. css가 index.html 파일에로드되었습니다.