Tizen emulator wearable web app styles not working

I have a problem with the Tizen emulators. I have set up Tizen studio and run a sample app. for the targeted devices, styles applied well. below is a target device screenshot.


but unfortunately for Tizen emulators styles not working. please refer to the below screenshot.

I can’t understand why this happens. here is my code and it is just a simple one.

<!DOCTYPE html>
    <meta name="viewport" content="width=device-width,user-scalable=no">
    <link rel="stylesheet" href="lib/tau/wearable/theme/default/tau.min.css">
    <link rel="stylesheet" media="all and (-tizen-geometric-shape: circle)" href="lib/tau/wearable/theme/default/tau.circle.min.css">
    <!-- load theme file for your application -->
    <link rel="stylesheet" href="css/style.css">
    <div class="ui-page ui-page-active" id="main">
        <div class="ui-header">
            <h1>Hello World</h1>
         <div class="ui-content">
            <p>Hello TAU!</p>
         <div class="ui-footer">
    <script src="lib/tau/wearable/js/tau.min.js"></script>
    <script src="js/app.js"></script>
    <script src="js/lowBatteryCheck.js"></script>
    <script src="js/circle-helper.js"></script>

If anyone can help me, appreciate their support. thanks!

What is your targeted device and what is your emulator?

Samsung Developer Relations

hi Ron, thanks for reaching me.

the emulator is : W-6.0-Circle-x86
the target device is: Galaxy watch 3

the emulator installed by the Tizen package manager command.

I never use the newer watch emulators they are always buggy.

Try the W-4.0 Wearable-Circle-x86 Emulator see if that works correctly.


1 Like

Thank you very much it’s working for old emulators. now I’m using wearable 4.0 working perfectly!