Hi All,
I want to displays the button with Image same like Attribute window in ArcGIS Pro as shown attached screen shot.
Can someone guide me on this.
Thank you
Hi,
I have attached printscreen of Tableviewpane and Add field button structure. More detailed information you can find using tools described earlier.
I understand the concept Small, middle and large sizes of caption.
my question is, I have custom button on my custom dock able panel.
Just I want to display Image with button instead of only button.
Finally I am able to make it work using following code,
<Button Width="108" Name = "buttnx_exprt" Margin="0,1,0,0" HorizontalAlignment="Right" VerticalAlignment="Bottom" Command="{Binding CmdWork_Export}" > <StackPanel Orientation="Horizontal" Name="klk"> <Image Source="Images\Export.png" /> <TextBlock Text=" Click Here" HorizontalAlignment="Right" VerticalAlignment="Center"/> </StackPanel>
</Button>
What is displayed depends on the 'size' of the button.
- small: just the small image
- middle: small image and caption
- large: large image and caption
For example on the Map ribbon, the Show Attributes button in the Selection group is defined as:
<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>updateGroup</SPAN> <SPAN class="attr-name token">refID</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>esri_mapping_selectionGroup<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>insertButton</SPAN> <SPAN class="attr-name token">refID</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>esri_editing_ShowAttributes<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">placeWith</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>esri_mapping_clearSelectionButton<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">insert</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>before<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">size</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>middle<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="punctuation token">/></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>updateGroup</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
You can use WPF Snoop or WPF Inspector to inspect ESRI styling. You will find which WPF objects ESRI uses and what are property values, events and etc. The same situation was with Docking panel tab controls. You can find more info on another thread.
thank you for your response but as you suggested that will be for ribbon.
I want to add icons with text on dock able panel same like attribute table in ArcGIS Pro.
You can modify the smallImage and largeImage attributes of a button element in an add-in's Config.daml like this below to display the attribute table image:
.... <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>controls</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="comment token"><!-- add your controls here --></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>button</SPAN> <SPAN class="attr-name token">id</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>AttributeBtn_Attribute<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">caption</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>Attribute<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">className</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>Attribute<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">loadOnClick</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>true<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">smallImage</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/TableOpen16.png<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">largeImage</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/TableOpen32.png<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>tooltip</SPAN> <SPAN class="attr-name token">heading</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>Tooltip Heading<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Tooltip text<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>disabledText</SPAN> <SPAN class="punctuation token">/></SPAN></SPAN><SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>tooltip</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>button</SPAN><SPAN class="punctuation token">></SPAN></SPAN> <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>controls</SPAN><SPAN class="punctuation token">></SPAN></SPAN> ....<SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
Thanks
Uma
Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
