1 Basic settings Media Query Header Content (Desktop) Functionbar (Desktop) Functionbar (Tablet) Functionbar (Mobile) Sidebar (Desktop) Sidebar (Tablet) Sidebar (Mobile) Search (All) Search (Mobile) TOC (All) TOC (Tablet / Mobile) Index Glossary Filter (All) Filter (Mobile) Social media breakpoint_mobile Phone maximum width LITERAL 941 The maximum width of a device (in pixels) that is served the mobile layout. Devices with a width smaller than specified will see the mobile layout. Devices with a higher width will see the tablet or desktop layout. 941 breakpoint_tablet Tablet maximum width LITERAL 1295 The maximum width of a device (in pixels) that is served the tablet layout. Devices with a screen width between the Mobile phone maximum width and the Tablet maximum width will see the tablet layout. Devices with a higher width will see the desktop layout. 1295 us_font Layout font CSS_FONT_FAMILY "Trebuchet MS", Arial, sans-serif The font used in the layout. Changing this setting will affect the entire layout but will not change your topic content. "Trebuchet MS", Arial, sans-serif us_default_pane Default pane STRING toc The default sidebar/menu opened in the output. Make sure this pane is one of the panes you enabled. If all panes are disabled, this setting will be ignored. Choose a pane: 'toc': Table of Contents; 'idx': Index'; 'glo': 'fts': Search; 'filter': Dynamic Content Filter. toc toc idx glo filter fts us_useTOC Show TOC BOOLEAN true Do you want to show the TOC in the output? true us_useIDX Show Index BOOLEAN true Do you want to show the index in the output? true us_useGLO Show Glossary BOOLEAN true Do you want to show the Glossary in the output? true us_useFilter Show Filter BOOLEAN true Do you want to show the filter option in the output? Setting this to false will only hide the filter for the reader. You can still use the filter through a context sensitive help call. (If you enable dynamic filters in your output settings.) true us_loading_image Loading image FILE loading.gif The image shown when loading a topic or other resource. Use an animated GIF for best effect. loading.gif to_top Go to top FILE top.png The go to top image to show on desktop. Use a square image for best results. top.png mobile_header_visible Show header on phones BOOLEAN false Determines whether the header will be visible on phones. It is turned off by default to optimize screen space for content. false head_titlecolor Title text color HTML_COLOR #ffffff The color of the title shown in the header #ffffff head_logo Logo FILE logo.png The logo to use. Use a square logo for best results. logo.png head_bgcolor Background color HTML_COLOR #509de6 The background color of the header. This will affect all devices. #509de6 fbd_search_text Search text color HTML_COLOR #000000 The color of the text in the search box. #000000 fbd_search_section_bgcolor Search background color HTML_COLOR #e6e6e6 The background color of the search section. #e6e6e6 fbd_search_bgcolor Search field background color HTML_COLOR #ffffff The background color of the search box. #ffffff fbd_search_image Search button image FILE search_desktop.png The search button image. Use a square image for best results. search_desktop.png fbd_search_image_active Search active button image FILE search_desktop_active.png The search button image when the search button is being clicked. Use a square image for best results. search_desktop_active.png fbd_bgcolor Function bar background color HTML_COLOR transparent The background color of the function bar. transparent fbd_border_color Function bar border color HTML_COLOR #e6e6e6 The (bottom) border color of the function bar. #e6e6e6 fbd_prev_image Previous button image FILE previous.png The previous button image. Use a square image for best results. previous.png fbd_prev_image_active Previous active button image FILE previous_active.png The previous button image when the button is being clicked. Use a square image for best results. previous_active.png fbd_next_image Next button image FILE next.png The next button image. Use a square image for best results. next.png fbd_next_image_active Next active button image FILE next_active.png The next button image when the button is being clicked. Use a square image for best results. next_active.png fbd_print Print button image FILE print_desktop.png The print button image. Use a square image for best results. print_desktop.png fbt_next_image Next button image FILE next_tab.png The next button image. Use a square image for best results. next_tab.png fbt_next_image_active Next active button image FILE next_tab_active.png The next button image when the button is being clicked. Use a square image for best results. next_tab_active.png fbt_prev_image Previous button image FILE previous_tab.png The previous button image. Use a square image for best results. previous_tab.png fbt_prev_image_active Previous active button image FILE previous_tab_active.png The previous button image when the button is being clicked. Use a square image for best results. previous_tab_active.png fbm_bgcolor Background color HTML_COLOR #f0f0f0 The background color of the function bar. #f0f0f0 fbm_border_color Border color HTML_COLOR #e6e6e6 The (bottom and right) border color of the function bar. #e6e6e6 fbm_menu Menu button image FILE menu.png The menu button image. Use an image of 31x32 pixels for best results. menu.png fbm_search Search button image FILE search_mobile_navigation.png The search button image. Use a square image for best results. search_mobile_navigation.png fbm_next_image Next button image FILE next_mobile.png The next button image. Use a square image for best results. next_mobile.png fbm_next_image_active Next active button image FILE next_mobile_active.png The next button image when the button is being clicked. Use a square image for best results. next_mobile_active.png fbm_prev_image Previous button image FILE previous_mobile.png The previous button image. Use a square image for best results. previous_mobile.png fbm_prev_image_active Previous active button image FILE previous_mobile_active.png The previous button image when the button is being clicked. Use a square image for best results. previous_mobile_active.png fbm_filter Filter button image FILE filter_mobile.png The filter button image when no filter is applied. Use a square image for best results. filter_mobile.png fbm_filter_applied Filter applied button image FILE filter_mobile_applied.png The filter button image when a filter is applied. Use a square image for best results. filter_mobile_applied.png us_desktopsidebar_state Desktop sidebar opened BOOLEAN true Choose whether the desktop sidebar must be opened (true) or closed (false) by default. true sid_header_bgcolor Header background color HTML_COLOR #f0f0f0 The background color of the header. #f0f0f0 sid_header_border_color Header border color HTML_COLOR #e6e6e6 The border color of the header. #e6e6e6 sid_header_active_bgcolor Active background HTML_COLOR #fcfcfc The background color of the active pane tab. #fcfcfc sid_header_active_border Active border HTML_COLOR #d2d2d2 The border color of the active pane tab. #d2d2d2 sid_header_toc TOC tab image FILE toc_desktop.png The TOC tab image. Use an image of 31x23 pixels for best results. toc_desktop.png sid_header_idx Index tab image FILE index_desktop.png The index tab image. Use an image of 31x23 pixels for best results. index_desktop.png sid_header_glo Glossary tab image FILE glossary_desktop.png The glossary tab image. Use an image of 31x23 pixels for best results. glossary_desktop.png sid_header_filter Filter tab image FILE filter_desktop.png The filter tab image when no filter is applied. Use an image of 31x23 pixels for best results. filter_desktop.png sid_header_filter_applied Filter applied tab image FILE filter_desktop_applied.png The filter tab image when no filter is applied. Use an image of 31x23 pixels for best results. filter_desktop_applied.png sid_header_search Search tab image FILE search_desktop_navigation.png The search tab image. (Only visible to readers when you choose to show search results in the sidebar.) Use an image of 31x23 pixels for best results. search_desktop_navigation.png sid_slider_ltr Close sidebar image (LTR) FILE slider_ltr.png The close sidebar image for left to right languages. Use an image of 16x25 pixels for best results. slider_ltr.png sid_slider_open_ltr Open sidebar image (LTR) FILE slider_open_ltr.png The open sidebar image for left to right languages. Use an image of 16x25 pixels for best results. slider_open_ltr.png sid_slider_rtl Close sidebar image (RTL) FILE slider_rtl.png The close sidebar image for right to left languages. Use an image of 16x25 pixels for best results. slider_rtl.png sid_slider_open_rtl Open sidebar image (RTL) FILE slider_open_rtl.png The open sidebar image for right to left languages. Use an image of 16x25 pixels for best results. slider_open_rtl.png sit_header_active_bgcolor Active background HTML_COLOR #ffffff The background color of the active pane tab. #ffffff sit_header_active_border Active border HTML_COLOR #aaa7a7 The border color of the active pane tab. #aaa7a7 sit_header_bgcolor Header background color HTML_COLOR #f0f0f0 The background color of the header. #f0f0f0 sit_header_border_color Header border color HTML_COLOR #aaa7a7 The border color of the header. #aaa7a7 sit_sidebar_border_color Sidebar border color HTML_COLOR #e6e6e6 The border color of the sidebar. #e6e6e6 sit_header_toc TOC tab image FILE toc_tab.png The TOC tab image. Use an image with maximum size of 50x50 pixels for best results. Smaller sizes will always fit. toc_tab.png sit_header_idx Index tab image FILE index_tab.png The index tab image. Use an image with maximum size of 50x50 pixels for best results. Smaller sizes will always fit. index_tab.png sit_header_glo Glossary tab image FILE glossary_tab.png The glossary tab image. Use an image with maximum size of 50x50 pixels for best results. Smaller sizes will always fit. glossary_tab.png sit_header_filter Filter tab image FILE filter_tab.png The filter tab image when no filter is applied. Use an image with maximum size of 50x50 pixels for best results. Smaller sizes will always fit. filter_tab.png sit_header_filter_applied Filter applied tab image FILE filter_tab_applied.png The filter tab image when no filter is applied. Use an image with maximum size of 50x50 pixels for best results. Smaller sizes will always fit. filter_tab_applied.png sit_header_search Search tab image FILE search_tab.png The search tab image. (Only visible to readers when you choose to show search results in the sidebar.) Use an image with maximum size of 50x50 pixels for best results. Smaller sizes will always fit. search_tab.png sim_header_bgcolor Header background color HTML_COLOR #f0f0f0 The background color of the header. #f0f0f0 sim_header_border_color Header border color HTML_COLOR #e6e6e6 The border color of the header. #e6e6e6 sim_header_active_bgcolor Active background HTML_COLOR #ffffff The background color of the active pane tab. #ffffff sim_header_toc TOC tab image FILE toc_mobile.png The TOC tab image. Use an image of 31x23 pixels for best results. toc_mobile.png sim_header_idx Index tab image FILE index_mobile.png The index tab image. Use an image of 31x23 pixels for best results. index_mobile.png sim_header_glo Glossary tab image FILE glossary_mobile.png The glossary tab image. Use an image of 31x23 pixels for best results. glossary_mobile.png us_searchresults_location Search results in sidebar BOOLEAN true Choose whether the the search results on desktop are shown in the sidebar (true) or in the content section (false). This setting affects Desktop only. true fts_highlight_color Highlight color HTML_COLOR #FCFF00 The highlight color for search results in the current topic. #FCFF00 fts_highlight_text_color Highlight text color HTML_COLOR #000000 The text color for highlighted search results in the current topic. #000000 fts_input_bgcolor Field background color HTML_COLOR #ffffff The background color of the search field. #ffffff fts_input_border-color Field border color HTML_COLOR #999999 The border color of the search field. #999999 us_andsearch Show AND search option BOOLEAN true Choose the reader has a setting to choose to search all search terms (true) or whether this option is hidden for the reader (false). true fts_and_enabled AND search enabled image FILE andsearch_mark.png The image when the AND search option is enabled. andsearch_mark.png fts_and_disabled AND search disabled image FILE andsearch_nomark.png The image when the AND search option is disabled. andsearch_nomark.png fts_filter_msg_color Filter message color HTML_COLOR #000000 The color of the changed filter message. #000000 fts_msg_color Message color HTML_COLOR #929292 The color of the search message. #929292 fts_title_color Title color HTML_COLOR #1268b8 The title color of the found topic in the search results. #1268b8 fts_preview_color Preview color HTML_COLOR #000000 The preview color of the found topic in the search results. #000000 fts_bread_color Breadcrumb color HTML_COLOR #1268b8 The breadcrumb color of the found topic in the search results. #1268b8 fts_back_image_ltr Back image (LTR) FILE back_mobile_ltr.png The back image to exit search mode on mobile devices for left to right languages. Use a square image for best results. back_mobile_ltr.png fts_back_image_rtl Back image (RTL) FILE back_mobile_rtl.png The back image to exit search mode on mobile devices for right to left languages. Use a square image for best results. back_mobile_rtl.png toc_entry_color TOC color HTML_COLOR #000000 The text color of topic entries. #000000 toc_entry_selected_color Selected color HTML_COLOR #509de6 The text color of the selected topic entry. #509de6 toc_entry_selected_border_color Selected indicator color HTML_COLOR #509de6 The color of the indicator left of the selected topic entry. #509de6 toc_desktop_closed_book_image Closed book image (desktop) FILE toc_book_closed_desktop.png The closed book image on desktops. Use an image of 15x15 pixels for best results. toc_book_closed_desktop.png toc_desktop_open_book_image Open book image (desktop) FILE toc_book_open_desktop.png The opened book image on desktops. Use an image of 15x15 pixels for best results. toc_book_open_desktop.png toc_desktop_page_image Topic image (desktop) FILE toc_topic_desktop.png The topic image on desktops. Use an image of 15x15 pixels for best results. toc_topic_desktop.png toc_desktop_link_image_ltr Link image (desktop LTR) FILE toc_link_desktop_ltr.png The image for external links on desktops for left to right languages. Use an image of 15x15 pixels for best results. toc_link_desktop_ltr.png toc_desktop_link_image_rtl Link image (desktop RTL) FILE toc_link_desktop_rtl.png The image for external links on desktops for right to left languages. Use an image of 15x15 pixels for best results. toc_link_desktop_rtl.png us_toc_drilldown Mobile TOC drill down BOOLEAN false Choose whether the TOC for mobile and tablet shows only the current TOC level (true) or shows all levels like on desktop (false). false toc_mobile_book_image_drilldown Up one level image FILE toc_book_open_drildown.png The up one level image for the TOC when you selected the drill down mode in the Settings section. Only available on tablets and mobile devices. Use a square image for best results. toc_book_open_drildown.png toc_mobile_open_book_image Open book image FILE toc_book_open_mobile.png The opened book image on tablets and mobile devices. Use a square image for best results. toc_book_open_mobile.png toc_mobile_closed_book_image Closed book image FILE toc_book_closed_mobile.png The closed book image on tablets and mobile devices. Use a square image for best results. toc_book_closed_mobile.png toc_mobile_page_image Topic image FILE toc_topic_mobile.png The topic image on tablets and mobile devices. Use a square image for best results. toc_topic_mobile.png toc_mobile_link_image_ltr Link image (LTR) FILE toc_link_mobile_ltr.png The image for external links on tablets and mobile devices for left to right languages. Use a square image for best results. toc_link_mobile_ltr.png toc_mobile_link_image_rtl Link image (RTL) FILE toc_link_mobile_rtl.png The image for external links on tablets and mobile devices for right to left languages. Use a square image for best results. toc_link_mobile_rtl.png idx_search_text Search text color HTML_COLOR #000000 The color of the text in the search box. #000000 idx_input_border_color Search border color HTML_COLOR #999999 The border color of the search field. #999999 idx_alphabet_color Alphabet color HTML_COLOR #509de6 The text color of the alphabet letter between index entries. #509de6 idx_alphabeth_separator_color Index separator HTML_COLOR #e6e6e6 The text color of the alphabet separator (line below) between index entries. #e6e6e6 idx_entry_color Index item color HTML_COLOR #000000 The text color of index entries. #000000 idx_page_image Topic image FILE idx_topic.png The topic (link) image in the Index. Use an image of 15x15 pixels for best results. idx_topic.png glo_search_text Search text color HTML_COLOR #000000 The color of the text in the search box. #000000 glo_input_border-color Search border color HTML_COLOR #999999 The border color of the search field. #999999 glo_alphabet_color Alphabet color HTML_COLOR #509de6 The text color of the alphabet letter between glossary entries. #509de6 glo_alphabet_separator_color Glossary separator HTML_COLOR #e6e6e6 The text color of the alphabet separator (line below) between glossary entries. #e6e6e6 glo_entry_color Term color HTML_COLOR #000000 The text color of glossary entries. #000000 glo_def_color Definition color HTML_COLOR #000000 The text color of glossary definitions. #000000 filter_title_color Title color HTML_COLOR #000000 The text color of the filter title. #000000 filter_title_border_color Title separator HTML_COLOR #e6e6e6 The separator (line below) of the filter title. #e6e6e6 filter_reset_image Reset image FILE filter_clearall.png The image for the clear filter button. Use a square image for best results. filter_clearall.png filter_group_bgcolor Group background HTML_COLOR #eeeeee The background color of a filter group header. #eeeeee filter_item_color Filter entry color HTML_COLOR #000000 The text color of filter entries. #000000 filter_selected_image_checkbox Active checkbox FILE filter_mark.png The image shown before an active filter when you use the checkbox filter type. Use a square image for best results. filter_mark.png filter_unselected_image_checkbox Inactive checkbox FILE filter_nomark.png The image shown before an inactive filter when you use the checkbox filter type. Use a square image for best results. filter_nomark.png filter_selected_image_radio Active radio button FILE filter_mark_radio.png The image shown before an active filter when you use the radio button filter type. Use a square image for best results. filter_mark_radio.png filter_unselected_image_radio Inactive radio button FILE filter_nomark_radio.png The image shown before an inactive filter when you use the radio button filter type. Use a square image for best results. filter_nomark_radio.png filter_mobile_header_border_color Title separator HTML_COLOR #e6e6e6 The separator color (line below) of the filter header. This header is visible on mobile devices only. #e6e6e6 filter_mobile_back_image Back image FILE back_mobile_filter.png The back image to exit filter mode on mobile devices. Use a square image for best results. back_mobile_filter.png social_close_ltr Close image (LTR) FILE social_close_ltr.png The image to close the social media dialog for left to right languages. Use a square image for best results. social_close_ltr.png social_close_rtl Close image (RTL) FILE social_close_rtl.png The image to close the social media dialog for right to left languages. Use a square image for best results. social_close_rtl.png us_useFacebook Use Facebook BOOLEAN false Do you want to show the Facebook like button in the output? Setting this to false will hide the Facebook like button. (Works for hosted output only.) false us_useTwitter Use Twitter BOOLEAN false Do you want to show the Tweet button in the output? Setting this to false will hide the Tweet button. (Works for hosted output only.) false social_border_color Border color HTML_COLOR #3079D7 The border color of the social media overlay. #3079D7 social_open Open image FILE social_open.png The image to open the social media dialog. Use a square image for best results. social_open.png