<?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>Parth Raiyani, Author at Collabora Online and Collabora Office</title>
	<atom:link href="https://www.collaboraonline.com/blog/author/parthraiyani/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.collaboraonline.com/blog/author/parthraiyani/</link>
	<description>Secure Document Collaboration, Controlled by You</description>
	<lastBuildDate>Tue, 21 Apr 2026 12:00:00 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.3</generator>

<image>
	<url>https://www.collaboraonline.com/wp-content/uploads/2023/06/collabora-symbols-600-150x150.png</url>
	<title>Parth Raiyani, Author at Collabora Online and Collabora Office</title>
	<link>https://www.collaboraonline.com/blog/author/parthraiyani/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Calc: Converted Reference Edge from ValueSet to IconView</title>
		<link>https://www.collaboraonline.com/blog/calc-converted-reference-edge-from-valueset-to-iconview/</link>
					<comments>https://www.collaboraonline.com/blog/calc-converted-reference-edge-from-valueset-to-iconview/#respond</comments>
		
		<dc:creator><![CDATA[Parth Raiyani]]></dc:creator>
		<pubDate>Tue, 21 Apr 2026 11:53:50 +0000</pubDate>
				<category><![CDATA[Developer Blog]]></category>
		<guid isPermaLink="false">https://www.collaboraonline.com/?p=57713</guid>

					<description><![CDATA[<p>Why to switch from ValueSet to IconView? No Native Accessibility support: With ValueSet widget, screen readers (like Orca) only saw a single flat image. It was not possible to provide individual accessible names and appropriate roles for the specific edge options. For JSDialogs, we need to send a bitmap of the entire widget to the client. We [&#8230;]</p>
<p>The post <a href="https://www.collaboraonline.com/blog/calc-converted-reference-edge-from-valueset-to-iconview/">Calc: Converted Reference Edge from ValueSet to IconView</a> appeared first on <a href="https://www.collaboraonline.com/">Collabora Online and Collabora Office</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="57713" class="elementor elementor-57713" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-9e17884 e-flex e-con-boxed e-con e-parent" data-id="9e17884" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-cc0dc28 elementor-author-box--avatar-yes elementor-author-box--name-yes elementor-author-box--biography-yes elementor-author-box--link-no elementor-widget elementor-widget-author-box" data-id="cc0dc28" data-element_type="widget" data-widget_type="author-box.default">
				<div class="elementor-widget-container">
							<div class="elementor-author-box">
							<div  class="elementor-author-box__avatar">
					<img decoding="async" src="https://www.collaboraonline.com/wp-content/uploads/2026/04/cropped-Parth-scaled-1-300x300.jpeg" alt="Picture of Parth Raiyani" loading="lazy">
				</div>
			
			<div class="elementor-author-box__text">
									<div >
						<h4 class="elementor-author-box__name">
							Parth Raiyani						</h4>
					</div>
				
									<div class="elementor-author-box__bio">
											</div>
				
							</div>
		</div>
						</div>
				</div>
		<div class="elementor-element elementor-element-6e51f0b e-con-full e-flex e-con e-child" data-id="6e51f0b" data-element_type="container">
		<div class="elementor-element elementor-element-523a46f e-con-full e-flex e-con e-child" data-id="523a46f" data-element_type="container">
				<div class="elementor-element elementor-element-746291b elementor-widget elementor-widget-text-editor" data-id="746291b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p class="western"><b>Why to switch from ValueSet to IconView?</b></p><p class="western"><b>No Native Accessibility support</b>: With ValueSet widget, screen readers (like Orca) only saw a single flat image. It was not possible to provide individual accessible names and appropriate roles for the specific edge options. For JSDialogs, we need to send a bitmap of the entire widget to the client. We then have to listen for mouse coordinates on that single image and map them back to the core to &#8220;guess&#8221; which edge was clicked.</p><p class="western"><b>Solution:</b></p><p class="western">Use IconView widget instead of ValueSet widget for Reference Edge</p>								</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-223a77a e-con-full e-flex e-con e-child" data-id="223a77a" data-element_type="container">
				<div class="elementor-element elementor-element-e6e86ea elementor-widget elementor-widget-text-editor" data-id="e6e86ea" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p style="text-align: center;">Reference edge with ValueSet Widget:</p>								</div>
				</div>
				<div class="elementor-element elementor-element-11b0df3 elementor-widget elementor-widget-image" data-id="11b0df3" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
																<a href="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-001.png" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="ValueSet to IconView 001" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTc3MjMsInVybCI6Imh0dHBzOlwvXC9uZXcuY29sbGFib3Jhb2ZmaWNlLmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDRcL1ZhbHVlU2V0LXRvLUljb25WaWV3LTAwMS5wbmcifQ%3D%3D">
							<img fetchpriority="high" decoding="async" width="683" height="713" src="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-001.png" class="attachment-large size-large wp-image-57723" alt="" srcset="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-001.png 683w, https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-001-287x300.png 287w" sizes="(max-width: 683px) 100vw, 683px" />								</a>
															</div>
				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-53dd10e elementor-widget elementor-widget-gallery" data-id="53dd10e" data-element_type="widget" data-settings="{&quot;columns&quot;:2,&quot;aspect_ratio&quot;:&quot;16:9&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}" data-widget_type="gallery.default">
				<div class="elementor-widget-container">
							<div class="elementor-gallery__container">
							<a class="e-gallery-item elementor-gallery-item elementor-animated-content" href="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-002.png" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="53dd10e" data-elementor-lightbox-title="ValueSet to IconView 002" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTc3MzEsInVybCI6Imh0dHBzOlwvXC9uZXcuY29sbGFib3Jhb2ZmaWNlLmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDRcL1ZhbHVlU2V0LXRvLUljb25WaWV3LTAwMi5wbmciLCJzbGlkZXNob3ciOiI1M2RkMTBlIn0%3D">
					<div class="e-gallery-image elementor-gallery-item__image" data-thumbnail="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-002.png" data-width="430" data-height="211" aria-label="" role="img" ></div>
											<div class="elementor-gallery-item__overlay"></div>
														</a>
							<a class="e-gallery-item elementor-gallery-item elementor-animated-content" href="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-003.png" data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="53dd10e" data-elementor-lightbox-title="ValueSet to IconView 003" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTc3MjcsInVybCI6Imh0dHBzOlwvXC9uZXcuY29sbGFib3Jhb2ZmaWNlLmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDRcL1ZhbHVlU2V0LXRvLUljb25WaWV3LTAwMy5wbmciLCJzbGlkZXNob3ciOiI1M2RkMTBlIn0%3D">
					<div class="e-gallery-image elementor-gallery-item__image" data-thumbnail="https://www.collaboraonline.com/wp-content/uploads/2026/04/ValueSet-to-IconView-003.png" data-width="447" data-height="214" aria-label="" role="img" ></div>
											<div class="elementor-gallery-item__overlay"></div>
														</a>
					</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-f85050e elementor-widget elementor-widget-text-editor" data-id="f85050e" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p class="western"><b>Advantages:</b></p><p class="western">Individual Objects: Each edge option is now rendered as individual image which allowed us to provide correct accessible names and roles to each item.</p><p class="western">Better Interaction: we now have native click and keyboard events for the specific IconView item selected.</p><p class="western">Enhanced UI Layout: Reference Edge now uses GtkIconView with better spacing and alignment within the Format Cells dialog.</p><p class="western">Tooltips: It is now possible to add tooltip text as GtkIconView treats each item individual. User now find out which edge (i.e., &#8220;Text Extension Inside Cell&#8221;) is being selected.</p>								</div>
				</div>
					</div>
				</div>
				</div>
		<p>The post <a href="https://www.collaboraonline.com/blog/calc-converted-reference-edge-from-valueset-to-iconview/">Calc: Converted Reference Edge from ValueSet to IconView</a> appeared first on <a href="https://www.collaboraonline.com/">Collabora Online and Collabora Office</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.collaboraonline.com/blog/calc-converted-reference-edge-from-valueset-to-iconview/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
