2016-06-29 09:22:58 +00:00
< div class = "tab-osd toolbar_fixed_bottom" >
< div class = "content_wrapper" >
< h1 class = "tab_title" >
OSD
< / h1 >
2016-07-31 21:35:50 +00:00
< div class = "cf_doc_version_bt" >
< a id = "button-documentation" href = "" target = "_blank" > < / a >
< / div >
2016-06-29 09:22:58 +00:00
< 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 BetaFlight 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" >
2017-04-08 20:40:16 +00:00
< div class = "cf_column third_left elements requires-osd-feature" >
2016-07-31 21:35:50 +00:00
< div class = "spacer_right" >
< div class = "gui_box grey" >
< div
class="gui_box_titlebar"
style="margin-bottom: 0px;">
2016-09-20 09:07:00 +00:00
< div class = "spacer_box_title" >
2016-07-31 21:35:50 +00:00
Elements
< / div >
< / div >
< div class = "spacer_box" >
2017-06-01 09:30:39 +00:00
< div id = "element-fields" class = "switchable-fields" > < / div >
2016-07-31 21:35:50 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "cf_column twothird" >
2017-06-07 10:22:33 +00:00
< div class = "gui_box grey preview requires-osd-feature" style = "float: left; position: fixed;" >
2016-07-31 21:35:50 +00:00
< div class = "gui_box_titlebar image" >
2016-10-05 03:47:30 +00:00
< div class = "spacer_box_title" >
Preview < span > (drag to change position)< / span > < span class = "preview-logo cf_tip" title = "Show or hide the logo in the preview window. This will not change any settings on the flight controller." > < / span >
< / div >
2016-06-29 09:22:58 +00:00
< / div >
2016-07-31 21:35:50 +00:00
< div class = "display-layout" >
< div class = "col right" >
< div class = "preview" >
< / div >
< / div >
2016-06-29 09:22:58 +00:00
< / div >
< / div >
2016-07-31 21:35:50 +00:00
< div class = "cf_column third_right" style = "width: calc(100% - 377px);" >
2017-04-08 20:40:16 +00:00
< div class = "gui_box grey requires-max7456" >
2016-07-31 21:35:50 +00:00
< 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 >
2017-04-08 20:40:16 +00:00
< div class = "gui_box grey units-container requires-osd-feature" style = "display:none;" >
2016-09-16 16:04:15 +00:00
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" > Units
< / div >
< / div >
< div class = "spacer_box" >
< div class = "units" > < / div >
< / div >
< / div >
2017-04-08 20:40:16 +00:00
< div class = "gui_box grey alarms-container requires-osd-feature" style = "display:none;" >
2016-09-20 09:07:00 +00:00
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" >
Alarms
< / div >
< / div >
< div class = "spacer_box" >
< div class = "alarms" > < / div >
< / div >
< / div >
2017-05-22 17:10:32 +00:00
< div class = "gui_box grey stats-container requires-osd-feature" style = "display:none;" >
2017-06-01 09:30:39 +00:00
< div class = "gui_box_titlebar"
style="margin-bottom: 0px;">
2017-05-22 17:10:32 +00:00
< div class = "spacer_box_title" >
Post Flight Status
< / div >
< / div >
< div class = "spacer_box" >
2017-06-01 09:30:39 +00:00
< div id = "post-flight-stat-fields" class = "switchable-fields" > < / div >
2017-05-22 17:10:32 +00:00
< / div >
< / div >
2016-07-31 21:35:50 +00:00
< div class = "gui_box grey" style = "display:none;" >
< div class = "gui_box_titlebar" >
< div class = "spacer_box_title" > VTX
Settings
< / div >
< / div >
< div class = "spacer_box" >
< div class = "vtx-settings" > < / div >
< / div >
< / div >
< div class = "gui_box grey" style = "display:none;" >
< div class = "gui_box_titlebar" >
2016-08-02 09:54:54 +00:00
< div class = "spacer_box_title" > Craft Name
2016-07-31 21:35:50 +00:00
< / div >
< / div >
< div class = "spacer_box" >
< div class = "callsign" > < / div >
< / div >
2016-06-29 09:22:58 +00:00
< / div >
< / div >
< / div >
2016-07-31 21:35:50 +00:00
< div id = "fontmanagercontent" style = "display:none; width:600px;" >
< div class = "font-picker" style = "margin-bottom: 10px;" >
< h1 class = "tab_title" > Font presets:< / h1 >
< div class = "content_wrapper font-preview" > < / div >
< div class = "fontbuttons" >
< button data-font-file = "default" > Default< / button >
< button data-font-file = "bold" > Bold< / button >
< button data-font-file = "large" > Large< / button >
2017-01-28 11:10:43 +00:00
< button data-font-file = "extra_large" > Extra Large< / button >
< button data-font-file = "betaflight" > Betaflight< / button >
2017-02-11 06:37:14 +00:00
< button data-font-file = "digital" > Digital< / button >
2016-07-31 21:35:50 +00:00
< 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: 0px ;
">
< a class = "flash_font active" > Upload Font< / a >
< / div >
< / div >
< div class = "content_toolbar supported hide" style = "left:0;" >
2017-04-08 20:40:16 +00:00
< div class = "btn save" >
2016-10-03 15:26:00 +00:00
< a class = "active save" href = "#" > Save< / a >
2016-07-31 21:35:50 +00:00
< / div >
2017-04-08 20:40:16 +00:00
< div class = "btn requires-max7456" >
2016-07-31 21:35:50 +00:00
< a class = "fonts" id = "fontmanager" href = "#" > Font Manager< / a >
< / div >
2016-06-29 09:22:58 +00:00
< / div >
< / div >
< / div >
2016-08-13 04:53:38 +00:00
< / div >
