您好新來三星智能電視應用程序,三星智能電視應用程序中的CSS樣式
我想用CSS和Javascript創建一些豐富的用戶界面。我認爲Twitter Bootstrap是一個很好的選擇。但我不能在我的應用程序中使用引導程序的類屬性。指導我如何在三星智能電視應用程序中使用twitter bootstrap框架。
您好新來三星智能電視應用程序,三星智能電視應用程序中的CSS樣式
我想用CSS和Javascript創建一些豐富的用戶界面。我認爲Twitter Bootstrap是一個很好的選擇。但我不能在我的應用程序中使用引導程序的類屬性。指導我如何在三星智能電視應用程序中使用twitter bootstrap框架。
我已經成功地在我創建的其中一個應用程序中使用了bootstrap。只需將引導程序代碼添加到項目的目錄中,並像從任何樣式表中那樣從index.html引用它。
另外,還要確保你包括所有的單個場景樣式表
@import url("<PATH TO BOOTSTRAP>/bootstrap.css");
的頂部下面我想你應該在你的應用程序中使用sf.core.loadCSS();
。請參閱guide。 JS including也有類似的方法。
如果您使用AppsFramework 2.0應用程序結構(基本應用項目),你應該把它放在你的app/init.js
這樣的:
function onStart() {
sf.core.loadCSS([
"app/stylesheets/file1.css",
"app/stylesheets/file2.css"
], function() {
// callback on file loading
});
}
回調函數不是在文件中提到,但它的工作原理(I」 m確定爲JS,CSS應該以相同的方式工作)。
但是,如果您使用的是「Javascript應用程序項目」模板(舊的),那麼您可以在您的根index.html
中提到<style>@import url();</style>
。
你使用什麼平臺版本?檢查是否支持:http://www.samsungdforum.com/Devtools/Spec –
正在使用SDK 4.0 Beta。這有什麼問題嗎? – Hackableweb
我分叉引導到我的github並添加了一些需要在三星智能電視上運行它的文件。我在SDK3.5上做了很少的測試,看起來很有前途。只需檢查它:https://github.com/dobiatowski/bootstrap –