Кендо UI Flatcolorpicker не правильно визуализаций в Кендо UI Window

Question

KendoUI версии 2013.3.1119 Использования Кендо MVVM

У меня есть селектор цвета, что у меня есть построить, что использует плоскую палитру цветов и выбор цвета, используя палитру , Оба они работают правильно, но макет плоского выбора цвета отключается, когда дорожка слайдера не отображается на соответствующую ширину.

Если flatcolorpicker загружается непосредственно на странице, а не в окне кендо он правильно делает.

Нет специальных настроек, которые я применяю.

<div id="flatColorPicker" 
    data-role="flatcolorpicker" 
    data-bind="value: colorPaletteValue, enabled: enableColorSelection, events: { change: colorPaletteChange }"> 
</div> 

То, что я пытался

• Удалены все другие HTML вокруг него, тот же результат в окне.
• Пробовал принудительно установить размер дорожки.
• Используемые инструменты Chrome для управления CSS.
• Прошел через javascript Kendo UI, чтобы увидеть, где он изначально изображается.

То, что сработало, а не разрешение

вручную изменить размер окна с помощью мыши после начальной загрузки, он затем исправляет себя.

Кто-нибудь еще сталкивался с этим или есть какие-либо другие идеи, чтобы попробовать?

настройки

KendoUI окна:

{ 
title: "Set Color", 
resizable: false, 
draggable: false, 
width: 550, 
height: 300, 
actions: ["Close"] 
} 

Answer 1

Ран в одной и той же проблеме:

Я не знаю, если это будет исправить это за вас, но я установил его убедившись, что элемент контейнера сборщика был видимым до его экземпляра. Мой код используется выглядеть следующим образом:

$picker.kendoFlatColorPicker({ 
    // config 
}) 
$container.show(); // $container contains the $picker 

Оказывается, если я только в обратном порядке он начал работать:

$container.show(); // $container contains the $picker 
$picker.kendoFlatColorPicker({ 
    // config 
})