Ползунок ExtJS не отображается на вид

Question

У меня есть представление, на котором я включаю несколько элементов управления. Все элементы управления видны, а ползунок вообще не отображается. Я видел пример here, но его не работает. Может ли кто-нибудь указать любую конфигурацию, которую мне не хватает?

Ext.define('KPS.view.LaunchPageMain', { 
    extend: 'Ext.window.Window', 
    requires: ['Ext.slider.Single'], 
    alias: 'widget.launchpagemain', 
    layout: 'fit', 
    maximized: true, 
    height: 500, 
    width: 500, 
    title: 'KPS', 
    modal: true, 
    draggable: false, 
    tools: [{ 
     xtype: 'sliderfield',//slider is also not working. 
     width: 200, 
     value: 3, 
     increment: 1, 
     minValue: 1, 
     maxValue: 5 
    }, { 
     xtype: 'button', 
     itemId: 'btnUserType', 
     text: 'User Roles', 
     menu: { 
      xtype: 'menu', 
      showSeparator: false, 
      items: [{ 
       xtype: 'checkboxgroup', 
       columns: 1, 
       itemId: 'selectionUserTypes', 
       vertical: true, 
       items: [{ 
        boxLabel: 'User', 
        name: 'userSelection', 
        inputValue: 'U' 
       }, { 
        boxLabel: 'Admin', 
        name: 'userSelection', 
        inputValue: 'A' 
       }, { 
        boxLabel: 'Super Admin', 
        name: 'userSelection', 
        inputValue: 'S' 
       }] 
      }] 
     } 
    }, { 
     xtype: 'button', 
     itemId: 'btnLogout', 
     text: 'Logout' 
    }], 
    items: [{ 
    xtype: 'contentView' 
}] 
}); 

Answer 1

Поскольку эта проблема также произошла со мной, я добавлю некоторые детали.

В новом приложении ExtJS 4 с ползунком слайдер не показывает (он не виден). Он появится только после создания приложения (sencha app build). Это связано с CSS.

После создания приложения bootstrap.css изменяет источник CSS, а затем ползунок отображается правильно.

Перед первой сборки (bootstrap.css): @import 'ext/packages/ext-theme-classic/build/resources/ext-theme-classic-all.css';

После первой сборки (bootstrap.css): @import 'build/production/Slider/resources/Slider-all.css';

Решение состоит в том, чтобы построить приложение.