плавающей боковой панели Семантический Ui

Это мой шаблонплавающей боковой панели Семантический Ui

EDIT: упростили code.So когда код, как это, боковая панель не shown.But, когда я удалить «врезку» отображается вертикальное меню.

<template name="pageTemplate"> 
{{#if currentUser}} 
    <div class="ui vertical menu inverted blue floating sidebar active"> 
     <div class="menu"> 
      <a class="item"> 
       <i class="home icon"></i> 
       Home 
      </a> 
      <a class="item"> 
       <i class="disk outline icon"></i> 
       Devices 
      </a> 
      <a class="item"> 
       <i class="area chart icon"></i> 
       Statistics 
      </a> 
     </div> 
    </div> 

{{/if}} 
{{>yield}} 
<div class="ui inverted footer red segment"> 
    Sixdee Technologies 2015 &copy;. All Rights Reserved 
</div>

Я новичок в Метеор и семантического UI.

Я работаю над созданием плавающей боковой панели, которая будет запускаться с помощью кнопки «Меню». Я не могу получить боковую панель для отображения. Однако, если я удалю боковую панель класса, я вижу, что отображается вертикальное меню. Так что я думаю, что есть проблема с боковой панелью класса.

Но даже в этом случае, когда я открываю режим разработчика в Google Chrome и наводил указатель мыши на код боковой панели, часть страницы выделяется. Это означает, что он создается, но не отображается.

Pls помогите мне. Я что-то упустил. Это пакеты, которые я установил.

semantic:ui      2.2.1 Official Semantic UI Integration for Meteor 
semantic:ui-css     2.1.2 Semantic UI - CSS Release of Semantic UI 
semantic:ui-sidebar    2.1.7 Semantic UI - Sidebar: Single component release

Я также могу поделиться своим css при необходимости.

Спасибо.

источник

2016-08-14 sanjith kumar

поэтому, когда кнопка используется, боковая панель не становится видимой, но когда вы удаляете боковую панель класса, то с помощью кнопки боковая панель становится видимой? –

Эй, спасибо за ответ. Я говорю о третьей строке в коде, который я вложил. Когда он говорит, что он активен, он должен всегда отображаться. Когда он такой, как есть, боковая панель не отображается. Но когда я удаляю " боковая панель "из третьей строки, отображается правильное вертикальное меню. –

Привет Sanjith это Avelx,

я не мог получить пример GitHub для запуска, как у меня нет MeteorJS установлены. Однако я считаю, что после сравнения вашего примера с используемой вами версией, боковая панель не использует нужные классы. Не забывайте, что моя лекция предназначена для более старой версии Semantic. Используйте эти классы вместо ...

класс = «простой пользовательский интерфейс боковой панели перевернутый вертикальное меню влево открывай видна»

Смотрите, если это работает, и не забудьте использовать инструменты для разработчиков на официальной веб-странице, как так ...

google chrome developer tools

Вот некоторые документы от самого сайта с определениями классов для дальнейшего уточнения.

источник

2016-08-17 11:11:28 user1175087

плавающей боковой панели Семантический Ui

ответ

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