<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Symbols &#8211; Xojo Programming Blog</title>
	<atom:link href="https://blog.xojo.com/tag/symbols/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.xojo.com</link>
	<description>Blog about the Xojo programming language and IDE</description>
	<lastBuildDate>Wed, 08 Jul 2026 15:45:22 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>New DesktopToolbar Enhancements</title>
		<link>https://blog.xojo.com/2026/07/08/new-desktoptoolbar-enhancements/</link>
		
		<dc:creator><![CDATA[William Yu]]></dc:creator>
		<pubDate>Wed, 08 Jul 2026 13:45:00 +0000</pubDate>
				<category><![CDATA[Cross-Platform]]></category>
		<category><![CDATA[Desktop]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[2026r2]]></category>
		<category><![CDATA[DesktopToolbar]]></category>
		<category><![CDATA[Symbols]]></category>
		<category><![CDATA[Toolbar]]></category>
		<guid isPermaLink="false">https://blog.xojo.com/?p=16368</guid>

					<description><![CDATA[The latest updates to DesktopToolbar add new options that make toolbars easier to customize across all platforms, along with support for WinUI on Windows. These&#8230;]]></description>
										<content:encoded><![CDATA[
<p>The latest updates to DesktopToolbar add new options that make toolbars easier to customize across all platforms, along with support for WinUI on Windows.</p>



<p>These changes focus on two main areas:</p>



<ul class="wp-block-list">
<li>Expanded button symbol support in&nbsp;DesktopToolbarButton</li>



<li>New layout and presentation control via toolbar style options</li>
</ul>



<h2 class="wp-block-heading">Smarter Icon Handling with Symbols</h2>



<p>A key addition is the new <code>Symbol</code> property on DesktopToolbarButton. It lets you provide a single string containing multiple symbol names separated by semicolons. Each platform will then check that list and use the first symbol it recognizes.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> The Symbol feature is only supported on Windows when using the WinUI target.</p>



<p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> AllowMulticolorSymbol was added for macOS. When enabled, the OS may render toolbar symbols using multicolor variants where available, instead of enforcing monochrome styling.</p>
</blockquote>



<h3 class="wp-block-heading">Example</h3>



<pre class="wp-block-code"><code>home.Symbol = "house.fill;home;go-home"
home.AllowMulticolorSymbol = True
back.Symbol = "chevron.left;back;go-previous"
forward.Symbol = "chevron.right;forward;go-forward"
search.Symbol = "magnifyingglass;find;system-search"</code></pre>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.34%"><div class="wp-block-image">
<figure class="aligncenter size-full"><img fetchpriority="high" decoding="async" width="684" height="542" src="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarMacOS.png" alt="" class="wp-image-16372" style="aspect-ratio:1.2620603364382037;object-fit:cover" srcset="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarMacOS.png 684w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarMacOS-300x238.png 300w" sizes="(max-width: 684px) 100vw, 684px" /></figure>
</div></div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.34%"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="822" height="394" src="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux2-1.png" alt="" class="wp-image-16378" srcset="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux2-1.png 822w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux2-1-300x144.png 300w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux2-1-768x368.png 768w" sizes="(max-width: 822px) 100vw, 822px" /></figure>
</div></div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.33%"><div class="wp-block-image">
<figure class="aligncenter size-full"><img decoding="async" width="589" height="296" src="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarWindows.png" alt="" class="wp-image-16374" srcset="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarWindows.png 589w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarWindows-300x151.png 300w" sizes="(max-width: 589px) 100vw, 589px" /></figure>
</div></div>
</div>



<h3 class="wp-block-heading">How it works</h3>



<p>Instead of relying only on a static icon, the toolbar now attempts to resolve a&nbsp;<em>symbol first</em>. If a symbol is found, it is used in preference to any icon.</p>



<p>The lookup order is:</p>



<ol class="wp-block-list">
<li>First matching symbol in the list</li>



<li>If none resolve, fallback to the standard icon (if one is set)</li>
</ol>



<p>This allows you to provide multiple symbolic names as a fallback chain, improving cross-theme and cross-platform reliability.</p>



<h3 class="wp-block-heading">Where to find the list of supported symbols</h3>



<p>WinUI:&nbsp;<a href="https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.symbol" rel="noreferrer noopener" target="_blank">https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.symbol</a></p>



<p>Linux:&nbsp;<a href="https://specifications.freedesktop.org/icon-naming" rel="noreferrer noopener" target="_blank">https://specifications.freedesktop.org/icon-naming</a></p>



<p>macOS:&nbsp;<a href="https://developer.apple.com/design/human-interface-guidelines/sf-symbols" rel="noreferrer noopener" target="_blank">https://developer.apple.com/design/human-interface-guidelines/sf-symbols</a></p>



<h2 class="wp-block-heading">Better Control Over Toolbar Layout</h2>



<p>The toolbar itself now supports a new&nbsp;<code>Style</code>&nbsp;property.  This controls how buttons are visually arranged.</p>



<p><strong>DesktopToolbarStyles options</strong>:</p>



<ul class="wp-block-list">
<li><strong>Default</strong>
<ul class="wp-block-list">
<li>Generally icon/symbol on top, caption below</li>



<li>On Linux and WinUI: icon/symbol on left, caption on right</li>
</ul>
</li>



<li><strong>IconCaptionVertical</strong>
<ul class="wp-block-list">
<li>Forces vertical layout (icon/symbol above text)</li>
</ul>
</li>



<li><strong>IconCaptionHorizontal</strong>
<ul class="wp-block-list">
<li>Forces horizontal layout (icon/symbol beside text)</li>



<li>Only supported on Linux and Windows</li>
</ul>
</li>



<li><strong>IconOnly</strong>
<ul class="wp-block-list">
<li>Displays only the icon/symbol</li>
</ul>
</li>



<li><strong>CaptionOnly</strong>
<ul class="wp-block-list">
<li>Displays only text labels</li>
</ul>
</li>
</ul>



<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="676" height="524" src="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarMacOS_IconOnly.png" alt="" class="wp-image-16385" srcset="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarMacOS_IconOnly.png 676w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarMacOS_IconOnly-300x233.png 300w" sizes="auto, (max-width: 676px) 100vw, 676px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="530" height="378" src="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux_IconOnly.png" alt="" class="wp-image-16386" srcset="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux_IconOnly.png 530w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarLinux_IconOnly-300x214.png 300w" sizes="auto, (max-width: 530px) 100vw, 530px" /></figure>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="445" height="258" src="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarWindows_IconOnly.png" alt="" class="wp-image-16387" srcset="https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarWindows_IconOnly.png 445w, https://blog.xojo.com/wp-content/uploads/2026/06/ToolbarWindows_IconOnly-300x174.png 300w" sizes="auto, (max-width: 445px) 100vw, 445px" /></figure>
</div>
</div>



<h2 class="wp-block-heading">In Conclusion</h2>



<p>With support for symbols, additional layout styles, and WinUI support on Windows, we&#8217;re making it easier to create toolbars that look more modern, feel more native on each operating system, and adapt better to different user environments. Whether you prefer icon-only toolbars, text labels, or platform-specific symbols, the new options give you more ways to fine-tune the experience for your users without adding extra complexity to your projects.</p>



<p><em><em><em>William Yu grew up in Canada learning to program BASIC on a Vic-20. He is Xojo’s resident Windows and Linux engineer, among his many other skills. Some may say he has joined the dark side here in the USA, but he will always be a Canadian at heart.</em></em></em></p>



<ul class="wp-block-social-links has-normal-icon-size is-content-justification-center is-layout-flex wp-container-core-social-links-is-layout-16018d1d wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook  wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.facebook.com/goxojo" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li>

<li class="wp-social-link wp-social-link-x  wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://x.com/xojo" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li>

<li class="wp-social-link wp-social-link-linkedin  wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.linkedin.com/company/xojo" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li>

<li class="wp-social-link wp-social-link-github  wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://github.com/topics/xojo" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path></svg><span class="wp-block-social-link-label screen-reader-text">GitHub</span></a></li>

<li class="wp-social-link wp-social-link-youtube  wp-block-social-link"><a rel="noopener nofollow" target="_blank" href="https://www.youtube.com/c/XojoInc" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
