< div class = "tab-osd toolbar_fixed_bottom" >
< div class = "content_wrapper" >
< h1 class = "tab_title" >
OSD
< / h1 >
< div class = "cf_doc_version_bt" >
< a id = "button-documentation" href = "" target = "_blank" > < / a >
< / div >
< 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 >
< label >
< select class = "update_preview" data-setting = "osd_plus_code_digits" data-live = "true" > < / select > Plus Code 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 >
< label >
< input type = "checkbox" class = "toggle update_preview" data-setting = "osd_sidebar_scroll_arrows" data-live = "true" > Sidebar Scroll Arrows
< / label >
< / div >
< / div >
< / div >
< div class = "gui_box grey alarms-container" style = "display:none;" >
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" >
Alarms
< / div >
< / div >
< div class = "spacer_box" >
< div class = "settings" > < / div >
< / div >
< / div >
< / div >
< / div >
< div id = "fontmanagercontent" style = "display:none; width:650px;" >
< 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 = "vision-alt" > Vision Alt< / 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" style = "left:0;" >
< 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 >