BUG : vivoactive / 920 layout differences

Both devices screens have the same sizes so why do the layouts look different on the simulator?
  • Former Member
    Former Member over 10 years ago
    Can you provide more details about what you are seeing? Is this related to using the layouts feature, or just the appearance of the simulator for the two devices?
  • Not using the layouts feature as it's (IMHO) clunky and I have a lot of text/gfx to layout.

    Here is the vivo in the sim



    Here is the vivo



    The same code looks like this in 920 sim

    Here is the vivo in the sim



    Here is the actual 920



    So without using the layout system, which is a pain, how can I be sure that the layout will be the same beraing mind the screen size is the same for the vivo and 920?

    THANKS!!!!!!!!
  • Former Member
    Former Member over 10 years ago
    I think the reason for the difference is the standard font is not the same. It looks like, from the documentation the default font for the 920 is called Digi and for the rest of the ConnectIQ capable devices (Epix, Fenix 3, vivoactive) it is a font called Roboto.
  • Well thats annoying if the fonts and subsequent sizes are different. How can we easily have a single code base and maintain the same layout without having to resort to the clunky layour system. I dont want to have all my text/gfx objects positions squirrelled away in a different file. Too much overhead!
  • Former Member
    Former Member over 10 years ago
    It appears you are using native fonts for your lower text. I can't tell if there are any other differences. Let me know if there is something else I am missing.

    The native fonts are the fonts that are used by the product. These are not guaranteed to be the same for every device. If you use native fonts, you may not be able to match the appearance pixel for pixel.
  • It appears you are using native fonts for your lower text. I can't tell if there are any other differences. Let me know if there is something else I am missing.

    The native fonts are the fonts that are used by the product. These are not guaranteed to be the same for every device. If you use native fonts, you may not be able to match the appearance pixel for pixel.


    So each device has different native fonts? Where are they clearly defined?

    Can you please supply the font used by the vivo active so I can include in my app (AGAIN!) so that the 920 looks the same? Ta.

    The devices.xml has for the vivo:

    <font id="xtiny">Roboto 12 Bold</font>
    <font id="tiny">Roboto 14 Bold</font>
    <font id="small">Roboto 17</font>
    <font id="medium">Roboto 19</font>
    <font id="large">Roboto 24 Bold</font>
    <font id="numberMild">Steelfish 28</font>
    <font id="numberMedium">Steelfish 40</font>
    <font id="numberHot">Steelfish 54</font>
    <font id="numberThaiHot">Steelfish 75</font>

    And for the vivo sim :


    <font id="xtiny">Roboto 12</font>
    <font id="tiny">Roboto 12</font>
    <font id="small">Roboto 12</font>
    <font id="medium">Roboto 17</font>
    <font id="large">Roboto 20</font>
    <font id="numberMild">Roboto 32</font>
    <font id="numberMedium">Roboto 38</font>
    <font id="numberHot">Roboto 48</font>
    <font id="numberThaiHot">Roboto 62</font>

    ERM!!!!!

    So the vivo sim and vivo device have different font sizes AND fonts?!?!?!?!

    Garmin you are not making this easy for us devs!

    What do you suggest I do to ensure the sim and the device for vivo AND 920 look the same? Include my OWN roboto font also and the steelfish font?! Really? I have to include the the same fonts that are embedded in my app to ensure it works across the devices!?

    Thanks for your help!

    Please send me the roboto and steelfish fonts...
  • If you use the layout system they've provided it works out pretty well. I've filed enhancement requests to make it better, but I don't know that those changes will get implemented. I've looked at your watch face, and I don't see why you can't implement it entirely using layouts and resources. If you'd like some tips, I can help you out.
  • If you use the layout system they've provided it works out pretty well. I've filed enhancement requests to make it better, but I don't know that those changes will get implemented. I've looked at your watch face, and I don't see why you can't implement it entirely using layouts and resources. If you'd like some tips, I can help you out.


    Thanks and might take you up on your kind offer but that wont help the problem that there a discrepanices with the sim and device fonts and device and device fonts. Seems to me I have to include the roboto font in my app to ensure it looks the same across devices but still the sim and device discrepancies will exist. Grrr.
  • So each device has different native fonts? Where are they clearly defined?

    Can you please supply the font used by the vivo active so I can include in my app (AGAIN!) so that the 920 looks the same? Ta.

    The devices.xml has for the vivo:

    <font id="xtiny">Roboto 12 Bold</font>
    <font id="tiny">Roboto 14 Bold</font>
    <font id="small">Roboto 17</font>
    <font id="medium">Roboto 19</font>
    <font id="large">Roboto 24 Bold</font>
    <font id="numberMild">Steelfish 28</font>
    <font id="numberMedium">Steelfish 40</font>
    <font id="numberHot">Steelfish 54</font>
    <font id="numberThaiHot">Steelfish 75</font>

    And for the vivo sim :


    <font id="xtiny">Roboto 12</font>
    <font id="tiny">Roboto 12</font>
    <font id="small">Roboto 12</font>
    <font id="medium">Roboto 17</font>
    <font id="large">Roboto 20</font>
    <font id="numberMild">Roboto 32</font>
    <font id="numberMedium">Roboto 38</font>
    <font id="numberHot">Roboto 48</font>
    <font id="numberThaiHot">Roboto 62</font>

    ERM!!!!!

    So the vivo sim and vivo device have different font sizes AND fonts?!?!?!?!


    It looks like you are looking at the fonts for the fenix_3_sim and not the vivoactive. The devices.xml doesn't list the fonts for non-sim devices, so if you go to the device tag for vivoactive and then search for the font tag, you'll end up in the fenix_3_sim device information.
  • It looks like you are looking at the fonts for the fenix_3_sim and not the vivoactive. The devices.xml doesn't list the fonts for non-sim devices, so if you go to the device tag for vivoactive and then search for the font tag, you'll end up in the fenix_3_sim device information.


    Ok perhaps my bad BUT how can I ensure a user of the 920 gets the same layout / styling as the vivo ? Should I include the roboto font in my app so that both the vivo people and the 920 (and the epix) people get it?