2015-05-20 3 views
1

Демонстрация живой панели мониторинга для icCube показывает информационные панели, размер которых зависит от размера окна вашего браузера. На данный момент, однако, после изменения размера окна, вы должны сначала обновить свой браузер, чтобы просмотреть панель инструментов с масштабированием.автоматическое масштабирование информационных панелей на основе события изменения размера

Возможно ли автоматическое масштабирование после изменения размера окна (так что без нажатия F5)?

+0

Функциональность можно увидеть на http://www.iccube.com/livedemo/ – Arthur

+0

Не забудьте понять проблему; размер отчета изменяется после изменения размера окна браузера, и вам не нужно обновлять браузер. Это о встроенном отчете в ваше собственное приложение? –

+0

Это встроенный отчет, аналогичный демо: – Arthur

ответ

0

В версии 5.1.1 он исправлен и работает. Мне потребовалось некоторое время, чтобы заставить его работать, поскольку я ссылался на другую версию jquery на главной странице (jquery-1.11.2.min.js).

После того, как я сменил его на jquery-версию в icCube (jquery-1.7.2.min.js), он сработал.

Я не знаю, почему это так, но он работает, и это главное, что имеет значение.

0

Мой разработчик javascript foung следующим решением. Это не идеально, но это работает:

  • в главной приборной панели, которая действует как меню (используя встроенный виджет отчета), поместите действие/кнопку с событием IC3-отчетно-обновления в нем
  • сделать кнопку невидимой с помощью CSS
  • места следующего кода в яваскрипте секции для главной панели управления:

    function consumeEvent(context, event) { 
    if (event.name == 'ic3-report-after-build') {  
         //resize window 
         var delay = (function(){ 
          var timer = 0; 
          return function(callback, ms){ 
          clearTimeout(timer); 
          timer = setTimeout(callback, ms); 
          }; 
         })(); 
    
    
    $(window).resize(function() { 
        delay(function(){ 
        $(".report-refresh-button").trigger("click"); 
    }, 500); 
    }); 
    

    }
    } `

Эффект заключается в том, что когда основная страница html (в которой встроена основная панель), изменяется в размере (т. iPad), активируется обновление, которое эффективно запускает icCube для изменения размера страницы.

+0

В случае встроенных отчетов обновление не работало (версия 5.1), но теперь его исправлено, вы можете проверить liveemo. –

+0

Можете ли вы мне немного помочь. Я не вижу, чтобы это работало в живой демонстрации. Когда я изменяю размер окна, CSS применяет стиль mediascreen, но icCube не реагирует на него, поскольку он по-прежнему использует одинаковый размер и позиционирование элементов. – Arthur

Смежные вопросы