Disable QB default speedometer

[sinyuan98627]

Hi , any solution to disable QB default speedometer as picture shown? Thanks for Helping in advance

[Svdden]

you can disable this by editing the .html in qb-hud below is a snippet of the code u need to comment out aswell as 2 screenshots [html/index.html] <div id="veh-container"> <div v-show="show"> <div class="responsive" id="speedometer"> <q-circular-progress class="q-ml-xl" style="transform: rotate(-150deg); opacity: 60%;" :value="speedometer" size="70px" :thickness="0.21" color="gauge" :min="0" :max="100"></q-circular-progress> <q-circular-progress class="q-ml-xl" style="transform: rotate(-150deg); left: -50%;" show-value :value="speed" size="70px" :thickness="0.21" color="gauge" :min="0" :max="600"> <speed>{{(speed)}}</speed> </div> <div class="responsive" id="fuelgauge"> <q-circular-progress class="q-ml-xl" style="transform: rotate(-125deg); opacity: 60%;" :value="fuelgauge" size="36px" :thickness="0.21" color="gauge" :min="0" :max="100"></q-circular-progress> <q-circular-progress class="q-ml-xl" style="transform: rotate(-125deg); left: -50%;" show-value :value="fuel" size="36px" :thickness="0.21" :style="{color: fuelColor}"> <q-icon name="fas fa-gas-pump" style="transform: rotate(125deg);" size="14px" color="white"/> </div> <div class="responsive" id="altitudegauge" v-if="showAltitude"> <q-circular-progress class="q-ml-xl" style="transform: rotate(-135deg); opacity: 60%;" :value="altitudegauge" size="70px" :thickness="0.21" color="gauge" :min="0" :max="100"></q-circular-progress> <q-circular-progress class="q-ml-xl" style="transform: rotate(-135deg); left: -50%;" show-value :value="altitude" size="70px" :thickness="0.21" color="gauge" :min="0" :max="750"> <altitude>{{(altitude)}}</altitude> </div> <transition name="fade"> <div class="responsive" id="seatbelt" v-if="showSeatbelt"> <q-circular-progress class="q-ml-xl" style="transform: rotate(-125deg); opacity: 60%;" size="70px" :thickness="0.21" color="gauge" :min="0" :max="100"></q-circular-progress> <q-circular-progress class="q-ml-xl" style="transform: rotate(-125deg); left: -40%;" show-value size="70px" :thickness="0.21" color="gauge" :min="0" :max="750"> <q-icon name="fas fa-user-slash" style="transform: rotate(125deg);" :value="seatbelt" size="21px" :style="{color: seatbeltColor}"/> </div> </transition> <div class="border"> <div class="square" v-if="showSquare"></div> </div> <div class="border"> <div class="circle" v-if="showCircle"></div> </div> </div> </div> </div>

[sinyuan98627]

Thanks Master, This one helpful