Сайт на основе семантического UI не работает правильно в Tide SDK

Я пытаюсь сделать какое-то приложение в TideSDK с помощью Semantic-UI (http://semantic-ui.com/). Когда я открываю страницу в Chrome работает правильно:Сайт на основе семантического UI не работает правильно в Tide SDK

chrome http://krakow45.pl/test/chrome.png

но когда я запускать свой код с TideSDK он выглядит следующим образом:

tide http://krakow45.pl/test/tide.png

Как вы можете видеть, некоторые элементы отсутствуют, и это не работает правильно.

Вот мой HTML:

<!DOCTYPE html> 
<html> 
<head> 
    <!-- JavaScript includes --> 
    <script src="vendor/jquery.js"></script> 
    <script src="js/app.js"></script> 
    <script src="vendor/semantic/semantic.js"></script> 
    <!-- /JavaScript includes --> 

    <!-- CSS includes --> 
    <link rel="stylesheet" type="text/css" href="vendor/semantic/semantic.css"> 
    <link rel="stylesheet" type="text/css" href="css/main.css"> 
    <!-- /CSS includes --> 

    <title>xxx</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
</head> 
<body> 
    <!-- PAGE: NEW_REPORT --> 
    <div id="NEW_REPORT_fieldsContainer" class="ui segment"> 
     <div class="ui input"> 
      <input id="NEW_REPORT_firstName" type="text" placeholder="Imię"> 
     </div><br /><br /> 
     <div class="ui input"> 
      <input id="NEW_REPORT_lastName" type="text" placeholder="Nazwisko"> 
     </div><br /><br /> 
     <div class="ui left icon input"> 
      <input id="NEW_REPORT_date" type="text" placeholder="26/03/2015"> 
      <i class="calendar icon"></i> 
     </div><br /><br /> 
     <div id="NEW_REPORT_buttonNext" class="ui animated button"> 
      <div class="visible content">Dalej</div> 
      <div class="hidden content"> 
       <i class="right arrow icon"></i> 
      </div> 
     </div> 
    </div> 
    <!-- /PAGE: NEW_REPORT --> 
</body>

источник

2015-03-17 Dawid Góra

Я не уверен, но версия Mybe WebKit в TideSDK слишком стар? –

Пожалуйста, включите ваш CSS. Скрипка поможет. – bpeterson76

Помните, что TideSDK использует старую версию WebKit. Я уверен, что вам придется прикрепить свои правила CSS3 (-webkit-). Но также имейте в виду, что все правила CSS3 не могут быть использованы, но на данный момент я не сталкиваюсь с серьезными проблемами CSS3. Только одна вещь меня беспокоит, это старая developper консоль ..

источник

2015-03-18 09:40:29

Я решил использовать NW.js вместо TideSDK. NW.js использует более новую (или новейшую) версию webkit. Спасибо вам вообще :) –

TideSDK, кажется, не в том, что удивительный выбор больше развивать эти приложения :(К сожалению, после того, как они начали развивать TideKit, никакой поддержки не было. Последнее версия должна поддерживать все CSS 3 элемента, но это на самом деле не делает.

Рад, что вы нашли свой путь :)

источник

2015-03-27 12:59:46

Сайт на основе семантического UI не работает правильно в Tide SDK

ответ

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