< div class = "tab-osd toolbar_fixed_bottom" >
< div class = "content_wrapper" >
< h1 class = "tab_title" >
OSD
< / h1 >
< div class = "unsupported hide" >
< p class = "note" > Your flight controller isn't responding to OSD commands. This probably means that it does not have an integrated OSD.< / p >
< p class = "note" > Note that some flight controllers have an onboard < a href = "https://www.youtube.com/watch?v=ikKH_6SQ-Tk" target = "_blank" > MinimOSD< / a > that can be flashed and configured with < a href = "https://github.com/ShikOfTheRa/scarab-osd/releases/latest" target = "_blank" > scarab-osd< / a > , however the MinimOSD cannot be configured through this interface.< / p >
< / div >
< div class = "supported hide" >
< div class = "cf_column third_left osd__elements" >
< select class = "osd_layouts" >
< / select >
< div class = "spacer_right" >
< div id = "osd_group_template" class = "gui_box grey" >
< div
class="gui_box_titlebar"
style="margin-bottom: 0">
< div class = "spacer_box_title" >
Elements
< / div >
< / div >
< div class = "spacer_box" >
< div class = "display-fields" > < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "cf_column twothird" >
< div class = "gui_box grey preview" style = "float: left; position: fixed;" >
< div class = "gui_box_titlebar image" >
< div class = "spacer_box_title" >
Preview < span > (drag to change position)< / span >
< / div >
< / div >
< div class = "display-layout" >
< div class = "col right" >
< div class = "preview" >
< / div >
< / div >
< / div >
< / div >
< div class = "cf_column third_right" style = "width: calc(100% - 377px);" >
< div class = "gui_box grey" >
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" > Video
Format
< / div >
< / div >
< div class = "spacer_box" >
< div class = "video-types" > < / div >
< / div >
< / div >
< div class = "gui_box grey settings-container" >
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" data-i18n = "settings" >
< / div >
< / div >
< div class = "spacer_box" >
< div class = "settings" >
< label class = "units" >
< select id = "unit_mode" name = "unit_mode" > < / select > Units
< div class = "helpicon cf_tip" style = "margin-top: 2px" > < / div >
< / label >
< label >
< select class = "update_preview" data-setting = "osd_main_voltage_decimals" data-live = "true" > < / select > Voltage Decimals
< / label >
< label >
< select class = "update_preview" data-setting = "osd_coordinate_digits" data-live = "true" > < / select > Coordinate Digits
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdSettingPLUS_CODE_DIGITS_HELP" > < / div >
< label >
< select class = "update_preview" data-setting = "osd_plus_code_digits" data-live = "true" > < / select > Plus Code Digits
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdSettingPLUS_CODE_SHORT_HELP" > < / div >
< label >
< select class = "update_preview" data-setting = "osd_plus_code_short" data-live = "true" > < / select > Plus Code Remove Leading Digits
< / label >
< label >
< select class = "update_preview" data-setting = "osd_crosshairs_style" data-live = "true" > < / select > Crosshairs Style
< / label >
< label >
< select class = "update_preview" data-setting = "osd_left_sidebar_scroll" data-live = "true" > < / select > Left Sidebar Scroll
< / label >
< label >
< select class = "update_preview" data-setting = "osd_right_sidebar_scroll" data-live = "true" > < / select > Right Sidebar Scroll
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdSettingCRSF_LQ_FORMAT_HELP" > < / div >
< label >
< select class = "update_preview" data-setting = "osd_crsf_lq_format" data-live = "true" > < / select > Crossfire LQ Format
< / label >
< label >
< input type = "checkbox" class = "toggle update_preview" data-setting = "osd_sidebar_scroll_arrows" data-live = "true" > Sidebar Scroll Arrows
< / label >
< label >
< input type = "checkbox" class = "toggle update_preview" data-setting = "osd_home_position_arm_screen" data-live = "true" > Home Position on Arming Screen
< / label >
< / div >
< / div >
< / div >
< div class = "gui_box grey alarms-container" >
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" >
Alarms
< / div >
< / div >
< div class = "spacer_box settings" >
< label for = "rssi_alarm" >
< input id = "osd_rssi_alarm" data-setting = "osd_rssi_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_rssi_alarm" > < / span >
< / label >
< label for = "time_alarm" >
< input id = "osd_time_alarm" data-setting = "osd_time_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_time_alarm" > < / span >
< / label >
< label for = "osd_alt_alarm" >
< input id = "osd_alt_alarm" data-setting = "osd_alt_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_alt_alarm" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdAlarmMAX_NEG_ALTITUDE_HELP" > < / div >
< label for = "osd_neg_alt_alarm" >
< input id = "osd_neg_alt_alarm" data-setting = "osd_neg_alt_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_neg_alt_alarm" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdAlarmDIST_HELP" > < / div >
< label for = "osd_dist_alarm" >
< input id = "osd_dist_alarm" data-setting = "osd_dist_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_dist_alarm" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdAlarmGFORCE_HELP" > < / div >
< label for = "osd_gforce_alarm" >
< input id = "osd_gforce_alarm" data-setting = "osd_gforce_alarm" data-setting-multiplier = "1" type = "number" data-step = "0.1" / >
< span data-i18n = "osd_gforce_alarm" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdAlarmGFORCE_AXIS_MIN_HELP" > < / div >
< label for = "osd_gforce_axis_alarm_min" >
< input id = "osd_gforce_axis_alarm_min" data-setting = "osd_gforce_axis_alarm_min" data-setting-multiplier = "1" type = "number" data-step = "0.1" / >
< span data-i18n = "osd_gforce_axis_alarm_min" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdAlarmGFORCE_AXIS_MAX_HELP" > < / div >
< label for = "osd_gforce_axis_alarm_max" >
< input id = "osd_gforce_axis_alarm_max" data-setting = "osd_gforce_axis_alarm_max" data-setting-multiplier = "1" type = "number" data-step = "0.1" / >
< span data-i18n = "osd_gforce_axis_alarm_max" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdAlarmCURRENT_HELP" > < / div >
< label for = "osd_current_alarm" >
< input id = "osd_current_alarm" data-setting = "osd_current_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_current_alarm" > < / span >
< / label >
< label for = "imu_temp_alarm_min" >
< input id = "imu_temp_alarm_min" data-setting = "osd_imu_temp_alarm_min" data-setting-multiplier = "10" type = "number" data-step = "0.5" / >
< span data-i18n = "osd_imu_temp_alarm_min" > < / span >
< / label >
< label for = "imu_temp_alarm_max" >
< input id = "imu_temp_alarm_max" data-setting = "osd_imu_temp_alarm_max" data-setting-multiplier = "10" type = "number" data-step = "0.5" / >
< span data-i18n = "osd_imu_temp_alarm_max" > < / span >
< / label >
< label for = "baro_temp_alarm_min" >
< input id = "baro_temp_alarm_min" data-setting = "osd_baro_temp_alarm_min" data-setting-multiplier = "10" type = "number" data-step = "0.5" / >
< span data-i18n = "osd_baro_temp_alarm_min" > < / span >
< / label >
< label for = "baro_temp_alarm_max" >
< input id = "baro_temp_alarm_max" data-setting = "osd_baro_temp_alarm_max" data-setting-multiplier = "10" type = "number" data-step = "0.5" / >
< span data-i18n = "osd_baro_temp_alarm_max" > < / span >
< / label >
< label for = "esc_temp_alarm_min" >
< input id = "esc_temp_alarm_min" data-setting = "osd_esc_temp_alarm_min" data-setting-multiplier = "10" type = "number" data-step = "0.5" / >
< span data-i18n = "osd_esc_temp_alarm_min" > < / span >
< / label >
< label for = "esc_temp_alarm_max" >
< input id = "esc_temp_alarm_max" data-setting = "osd_esc_temp_alarm_max" data-setting-multiplier = "10" type = "number" data-step = "0.5" / >
< span data-i18n = "osd_esc_temp_alarm_max" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdalarmSNR_HELP" > < / div >
< label for = "snr_alarm" >
< input id = "snr_alarm" data-setting = "osd_snr_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_snr_alarm" > < / span >
< / label >
< div class = "helpicon cf_tip" data-i18n_title = "osdalarmLQ_HELP" > < / div >
< label for = "link_quality_alarm" >
< input id = "link_quality_alarm" data-setting = "osd_link_quality_alarm" data-setting-multiplier = "1" type = "number" data-step = "1" / >
< span data-i18n = "osd_link_quality_alarm" > < / span >
< / label >
< / div >
< / div >
< / div >
< / div >
< div id = "fontmanagercontent" style = "display:none; width:712px;" >
< div class = "font-picker" style = "margin-bottom: 10px;" >
< h1 class = "tab_title" > Font:< / h1 >
< div class = "content_wrapper font-preview" > < / div >
< div class = "fontbuttons" >
< button data-font-file = "default" > Default< / button >
< button data-font-file = "vision" > Vision< / button >
< button data-font-file = "impact" > Impact< / button >
< button data-font-file = "impact_mini" > Impact mini< / button >
< button data-font-file = "clarity" > Clarity< / button >
< button data-font-file = "clarity_medium" > Clarity medium< / button >
< button data-font-file = "bold" > Bold< / button >
< button data-font-file = "large" > Large< / button >
< button class = "load_font_file" > Open Font File< / button >
< / div >
< div class = "info" >
< a name = "progressbar" > < / a >
< progress class = "progress" value = "0" min = "0" max = "100" > < / progress >
< div class = "progressLabel" style = "margin-top: -21px; width: 95%; text-align: center; color: white; position: absolute;" > < / div >
< / div >
< / div >
< div class = "default_btn green" style = "width:100%; float:left; margin-bottom: 0;" >
< a class = "flash_font active" > Upload Font< / a >
< / div >
< / div >
< div class = "clear-both" > < / div >
< / div >
< / div >
< div class = "content_toolbar supported hide" >
< div class = "btn" >
< a class = "active save" href = "#" > Save< / a >
< / div >
< div class = "btn" >
< a class = "fonts" id = "fontmanager" href = "#" > Font Manager< / a >
< / div >
< / div >
< / div >