samsung smart tv - SmartTV: sf-ui-list customize items height -
in 1 of scene have
<div id='menulist'></div>
then add list this:
$('#mainlisttitles').sflist({ data : [ 'aaa', 'bbbb', 'ccc'] });
how can customize colors , height of each list item ?? tried in css this:
#menulist.sf-ui-list {height: 333px; text-align: right; background-color:#ffffff} - works
#menulist.sf-ui-list-item {background-color:#000000} - not working
first of all, "#menulist.sf-ui-list-item" never work, because don't have same element id "menulist" , class "sf-ui-list-item". basic css. correct usage "#menulist .sf-ui-list-item".
on other hand, samsung lousy job it's smarttv sdk. it's bad looks don't want people develop apps it.
according api doc, should indeed style class "sf-ui-list-item", if run project "debug samsung smart tv app using web inspector" can see use class "sf-ui-list-blured".
so, logical step style:
#menulist .sf-ui-list-blured { ... }
i recommend maybe create own styles , pass them 3 parameters in ".sflist" command (classes: focuscssclass, blurcssclass , selectcssclass stated in api doc).
Comments
Post a Comment