{"id":20462,"date":"2023-03-27T14:02:52","date_gmt":"2023-03-27T12:02:52","guid":{"rendered":"https:\/\/demdlx704as001.ad.harman.com\/?p=20462"},"modified":"2024-06-25T06:22:33","modified_gmt":"2024-06-25T04:22:33","slug":"custom-panel-properties-view","status":"publish","type":"post","link":"https:\/\/audioworx.transfunnel.co\/old\/?p=20462","title":{"rendered":"Custom Panel Properties View"},"content":{"rendered":"<p class=\"text\">The Property View displays the properties of each of the components that are used to design the panel and also allows you to customize the panel. The Properties view is displayed on the right side of the screen.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" width=\"495\" height=\"303\" class=\"wp-image-20456\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/graphical-user-interface-application-description-54.png\" alt=\"Graphical user interface, application Description automatically generated\" \/><\/p>\n<p class=\"text\">The custom panel workspace has the following properties.<\/p>\n<ol>\n<li><strong>Appearance:<\/strong> Allows you to edit the background color and, background image, image layout, font style, and foreground color.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" width=\"495\" height=\"303\" class=\"wp-image-20456\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/graphical-user-interface-application-description-54.png\" alt=\"Graphical user interface, application Description automatically generated\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Background Color:<\/strong> Opens the Select Color editor, and sets the background color of the Panel.<\/li>\n<li><strong>Background Image:<\/strong> Opens a separate window where an image file is located and selected. Note: it is highly recommended that the background image fit the panel size for the best look. See Layout &gt; Size for these dimensions.<\/li>\n<li><strong>Background Image Layout:<\/strong> Sets the layout of the Background Image &#8211; whether it be None, Tile, Center, Stretch, or Zoom.<\/li>\n<li><strong>Font:<\/strong> Select the text font used by the form.<\/li>\n<li><strong>Foreground Color:<\/strong> The foreground color of the component, which is used to display text.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Design: <\/strong>Allows you to rename the panel.<br \/>\n<strong><img decoding=\"async\" width=\"494\" height=\"172\" class=\"wp-image-20457\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/graphical-user-interface-text-application-chat-7.png\" alt=\"Graphical user interface, text, application, chat or text message Description automatically generated\" \/><\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Panel Name: <\/strong>Sets the name of the panel.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Layout: <\/strong>Allows you to edit the panel layout size, behavior, and location.<br \/>\n<strong><img decoding=\"async\" width=\"495\" height=\"257\" class=\"wp-image-20458\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/graphical-user-interface-application-description-55.png\" alt=\"Graphical user interface, application Description automatically generated\" \/><\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Size:<\/strong> Sets the pixel size of the panel.<\/li>\n<li><strong>Start Behavior:<\/strong> Determines the location of the form when it is launched. Selections are Windows Default Location, Center Screen, or Manual.<\/li>\n<li><strong>Start Location:<\/strong> The point on the screen, in pixels, that the form will appear when the Start Behavior is set to Manual.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Window Style: <\/strong>Allows you to edit the panel styling properties<strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"495\" height=\"413\" class=\"wp-image-20459\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/graphical-user-interface-application-description-56.png\" alt=\"Graphical user interface, application Description automatically generated\" \/><br \/>\n<\/strong><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Show Control Box:<\/strong> Determines whether or not the Minimize, Maximize, and Close buttons will be shown.<\/li>\n<li><strong>Form Border Style<\/strong>: Determines the Border Style for this Custom Panel. Selections are Sizable, None, Fixed Single, Fixed 3D, Fixed Dialog, Fixed Tool Window, and Sizable Tool Window.<\/li>\n<li><strong>Hide Cursor:<\/strong> When selected will hide the mouse cursor when it is over the panel. This may be useful when using touchscreen monitors to display Custom Panels.<\/li>\n<li><strong>Icon:<\/strong> Select the icon for the form. This icon is displayed in the form&#8217;s system menu box and when the form is minimized. When clicked, a widow opens for you to locate and select the icon file (*.ico).<\/li>\n<li><strong>Show Maximize Box:<\/strong> Determines whether or not this Custom Panel can be maximized.<\/li>\n<li><strong>Show Minimize Box:<\/strong> Determines whether or not this Custom Panel can be minimized.<\/li>\n<li><strong>Show Icon:<\/strong> Sets whether or not to show an icon for this Custom Panel.<\/li>\n<li><strong>Show in Taskbar:<\/strong> Determines whether or not to show this Custom Panel in the taskbar when active.<\/li>\n<li><strong>Size Grip Style:<\/strong> Sets the size grip style for this Custom Panel &#8211; selections are Auto, Show or Hide.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Parameters<\/strong> : Allows to configure control with specific audio object state variable. This is helpful in tuning the audio object.<br \/>\nDifferent user control has different set to properties which can be configured.<br \/>\nBelow are the examples of different user control.<\/p>\n<table style=\"border-collapse: collapse; width: 74.7937%;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"width: 29.97%;\">\n<p>Rotary Encoder user control<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28077\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_01.png\" alt=\"\" width=\"100\" height=\"106\" \/><\/td>\n<td style=\"width: 44.8237%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-28078\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_02.png\" alt=\"\" width=\"376\" height=\"277\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 29.97%;\">\n<p>On\/Off Button user control<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-28079\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_03.png\" alt=\"\" width=\"95\" height=\"48\" \/><\/td>\n<td style=\"width: 44.8237%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-28080\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_04.png\" alt=\"\" width=\"378\" height=\"221\" \/><\/td>\n<\/tr>\n<tr>\n<td style=\"width: 29.97%;\">\n<p>Horizontal Fader user control<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-28081\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_05.png\" alt=\"\" width=\"236\" height=\"67\" \/><\/td>\n<td style=\"width: 44.8237%;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-28082\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_06.png\" alt=\"\" width=\"382\" height=\"226\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ol>\n<p style=\"padding-left: 40px;\">Below are some common properties and values which can be set.<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Address<\/strong>: This establishes a link between a UI control (like a button or slider) and a state variable, allowing the control to modify the variable&#8217;s value.<\/li>\n<li><strong>Minimum<\/strong>: This UI control allows setting a minimum value for the state variable. The minimum value should be within the state variable predefined minimum range.<\/li>\n<li><strong>Maximum<\/strong>: This UI control allows setting a maximum value for the state variable. The maximum value should be within the state variable predefined maximum range.<\/li>\n<li><strong>Reset Text<\/strong>: This is to control right-click context menu option (Rest Param) for resetting state variable to its predefined default value. The Rest Param option in the context menu is <span class=\"ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak\" dir=\"ltr\"> associated with default value setting in State Variable.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"padding-left: 40px;\">Below example shows default SV value is 1kHZ. Clicking on &#8220;Reset Param&#8221; option would reset the SV variable to its default value.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28085\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_08.png\" alt=\"\" width=\"272\" height=\"141\" \/><\/p>\n<p class=\"note\">You can override the default value and add custom message to the Reset Text. The Text box UI control associated with EQ.<br \/>\nOpen the Parameters properties and enter the required test in the &#8220;Reset Text&#8221; field.<br \/>\nIn the below example, for the Frequency state variable the \u201cReset Text\u201d is set to text \u201cSet to default value\u201d.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-28083\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_07.png\" alt=\"\" width=\"372\" height=\"168\" \/><br \/>\nThe update text for &#8220;Reset Param&#8221; would appear as per below image.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28086\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_09.png\" alt=\"\" width=\"367\" height=\"137\" \/><\/p>\n<p class=\"note\"><span style=\"font-family: 'times new roman', times, serif; color: #0000ff;\"><strong>IMPORTANT<\/strong><\/span><br \/>\nYou can disable the &#8220;Reset Param&#8221; option on the right-click context menu.\u00a0 Open the Parameters properties and set the &#8220;Reset Text&#8221; field to <em>&lt;null&gt;<\/em>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-28090\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_10.png\" alt=\"\" width=\"354\" height=\"159\" \/><br \/>\nThis will disable the &#8220;Reset Param&#8221; option from the context menu without impacting\u00a0 the other options.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-28091\" src=\"https:\/\/audioworx.transfunnel.co\/old\/wp-content\/uploads\/2023\/03\/Custom_Parame_11.png\" alt=\"\" width=\"197\" height=\"118\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Property View displays the properties of each of the components that are used to design the panel and also allows you to customize the panel. The Properties view is displayed on the right side of the screen. The custom panel workspace has the following properties. Appearance: Allows you to edit the background color and, [&hellip;]<\/p>\n","protected":false},"author":107,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"off","ocean_gallery_id":[]},"categories":[297],"tags":[],"coauthors":[292],"_links":{"self":[{"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=\/wp\/v2\/posts\/20462"}],"collection":[{"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=\/wp\/v2\/users\/107"}],"replies":[{"embeddable":true,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20462"}],"version-history":[{"count":15,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=\/wp\/v2\/posts\/20462\/revisions"}],"predecessor-version":[{"id":29717,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=\/wp\/v2\/posts\/20462\/revisions\/29717"}],"wp:attachment":[{"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20462"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=20462"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=20462"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/audioworx.transfunnel.co\/old\/index.php?rest_route=%2Fwp%2Fv2%2Fcoauthors&post=20462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}