Configuration

Profile

To create your tizen profile be sure to add the type in device.

{
  "tizen-profile": {
    "device": {
        "type": "tizen"
    }
  }
}

Engine, Renderer & Vendors

Tizen applications are running on browser, so you have to use the following configuration:

  • Engine: @dana/engine-html5
  • Renderer: @dana/renderer-css or @dana/renderer-lightning-html5
  • Vendors: @dana/vendor-tizen

Be sure to add it in your profile, example:

{
  "tizen-profile": {
    "vendors": [
      "@dana/engine-html5",
      "@dana/renderer-lightning-html5", // or @dana/renderer-css
      "@dana/vendor-tizen"
    ]
  }
}

Config.xml

When you will run grunt serve for the first time, it will create a tizen.xml.tpl in folder templates in your app.

Have a look at Configuring TV Applications to have more information.

{
  "tizen-profile": {
    "device": {
      "type": "tizen",
      "appName": "MyApp", // <name>MyApp</name>
      "id": "http://myapp.com", // <widget id="http://myapp.com" ...>
      "version": "0.1.2", // <widget version="0.1.2" ...>
      "profileName": "tv-samsung", // <tizen:profile name="tv-samsung"/>
      "icon": "logo/myapp.png", // <icon src="logo/myapp.png" />
      "application": {
        "id": "9HNZcaH9Ek.myapp", // Generate it with tizen IDE
        "package": "9HNZcaH9Ek", // Generate it with tizen IDE
        "requiredVersion": "2.4" // See tizen versions
      }, // <tizen:application id="9HNZcaH9Ek.myapp" package="9HNZcaH9Ek" required_version="2.4"/>
      "features": [ // <feature name="..."/>
        "http://tizen.org/feature/screen.size.normal.1080.1920"
      ],
      "privileges": [ // <tizen:privilege name="..."/>
        "http://tizen.org/privilege/internet",
        "http://developer.samsung.com/privilege/productinfo"
      ],
      "settings": [ // <tizen:setting ... />
        {
          "pointing-device-support": "disable" // <tizen:setting pointing-device-support="disable" />
        },
        {
          "screen-orientation": "landscape",
          "context-menu": "enable",
          "background-support": "disable",
          "encryption": "disable",
          "install-location": "auto",
          "hwkey-event": "enable"
        }
      ],
      "accessOrigins": [ // <access origin="*" subdomains="true"></access>
        {
        "origin": "*",
        "subdomains": "true"
        }
      ]
    }
  }
}

Templates

When you will run grunt serve for the first time, it will create a remoteHttpIndex.html.tpl in folder templates in your app.

Don"t forget to keep / add in your index.html.tpl and remoteHttpIndex.html.tpl

<% if(globalOptions.isTizen) { %><script type="text/javascript" src="$WEBAPIS/webapis/webapis.js"></script><% } %>

Native splash screen

You can define a native splash screen managed by Tizen by following the official documentation.

In your tizen.xml.tpl you can add tizen:video_splash_screen tag and configure it to display a video, an image and a background color.

Prev
Configuration
Next
Configuration