Telerik Xamarin Radial gauge

5 posts, 1 answers
  1. Jaison
    Jaison avatar
    2 posts
    Member since:
    Dec 2016

    Posted 24 Jan Link to this post

    Hi,

    I am trying to use a radial gauge in Telerik for Xamarin as a radial progress bar using XAML.

    But it is aligned to the top left corner of the total space occupied by the element. 

    Why is it so?

  2.
  3. Answer
    Petar Marchev
    Admin
    Petar Marchev avatar
    996 posts

    Posted 25 Jan Link to this post

    Hi Jaison,

    The gauge tries to stretch itself into the given space. If you put the gauge in a Grid, the gauge should stretch as much as possible within this grid. However, if you put the gauge inside a stack layout, then it will try to shrink to as little as possible, because of how the stack layout works. So, if in your case the gauge resides in an element that lets the gauge choose its size, the gauge will choose a small size.

    If you are using the Beta, you must know that we had not yet taken into consideration the difference between the device true pixels which the SkiaSharp works with and the device independent pixels XamarinForms work with. So, if you are using the Beta, issues like unexpected sizing are, well, expected. You can upgrade to the last official version in which this was addressed.

    Let us know if you need further assistance.

    Regards,
    Petar Marchev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Jaison
    Jaison avatar
    2 posts
    Member since:
    Dec 2016

    Posted 25 Jan in reply to Petar Marchev Link to this post

    Thanks.
  7. James
    James avatar
    1 posts
    Member since:
    Mar 2017

    Posted 05 Apr Link to this post

    Hi,

    I am trying radial gauge to show the 2 different items on the circle with 2 colors and display the number with text in the middle of gauge and enable user to click on that. May be elevated image like button appearance. Appreciate if you provide me any samples or suggestions.

     

    Thanks,

     

  8.
  9. Petar Marchev
    Admin
    Petar Marchev avatar
    996 posts

    Posted 10 Apr Link to this post

    Hi James,

    In order to get two different colors in the gauge, you can use one gauge range (for the secondary color, that is the one that does not display the value, but gives context on how large the gauge actually is) and a bar indicator with the main color that shows the actual value. You can then lay a Label on top of the gauge and center it vertically and horizontally. You can then use a tap gesture recognizer to detect taps. I hope this helps!

    Regards,
    Petar Marchev
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top