topic Re: How to display Button with Image in ArcGIS Pro SDK Questions

How to display Button with Image

PhanindraDulam1 — Tue, 06 Feb 2018 13:41:49 GMT

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

Re: How to display Button with Image

UmaHarano — Sun, 12 Dec 2021 10:21:41 GMT

Hi,

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:

....
<controls>
   <!-- add your controls here -->
   <button id="AttributeBtn_Attribute" caption="Attribute" className="Attribute" 
      loadOnClick="true" smallImage="pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/TableOpen16.png" 
      largeImage="pack://application:,,,/ArcGIS.Desktop.Resources;component/Images/TableOpen32.png">
     <tooltip heading="Tooltip Heading">Tooltip text<disabledText /></tooltip>
   </button>
</controls>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍
....‍‍‍‍‍‍‍‍‍‍

Thanks

Uma

Re: How to display Button with Image

PhanindraDulam1 — Wed, 07 Feb 2018 11:18:50 GMT

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.

Re: How to display Button with Image

GKmieliauskas — Wed, 07 Feb 2018 12:39:38 GMT

Hi,

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.

Re: How to display Button with Image

ThomasEmge — Sun, 12 Dec 2021 10:21:44 GMT

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:

<updateGroup refID="esri_mapping_selectionGroup">
  <insertButton refID="esri_editing_ShowAttributes" placeWith="esri_mapping_clearSelectionButton" insert="before" size="middle" />
 </updateGroup>‍‍‍

Re: How to display Button with Image

PhanindraDulam1 — Thu, 08 Feb 2018 12:44:33 GMT

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>

Re: How to display Button with Image

GKmieliauskas — Thu, 08 Feb 2018 13:03:15 GMT

Hi,

I have attached printscreen of Tableviewpane and Add field button structure. More detailed information you can find using tools described earlier.