💎 Gamify Glide Apps (Updated 2022-11-28 - Episode 11: Craft Items)

Community Resources
13

Gamify Glide Apps Reboot #2: Classes, Ranks and Progress Bars

Create your spreadsheet, design an onboarding experience, and set up user profiles!
also uses a FANTASTIC trick using Quickcharts to display a dynamic radial progress bar avatar!

Here’s the code you need for the Quickchart template mentioned in the video:

{
type: 'radialGauge',
  data: { datasets: [{ data: [*P], borderWidth:0,backgroundColor: '*C' }] },
  options: { 
trackColor: '#eee',
    roundedCorners:true,
    centerPercentage: 93,
    centerArea: {
      fontSize: 1,
    },
    plugins: {
      backgroundImageUrl: 'https://res.cloudinary.com/glide/image/fetch/w_500,h_500,c_fill,g_face,r_max,ar_1/c_pad,w_1000,h_600,f_auto/b_transparent/*I', 
    }
  },
}
14 Likes