nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Attribute Table - Selected Row Color

JasonStanton__GISP

Greetings,

In v2.3 how would I change the color of the row in the attribute table when that record is selected? It is highlighted on the map so I know it is selected/active. In v2.0 and 2.1 I changes the background-color of ".jimu-widget-attributetable .ui-state-active", but that is not doing the trick this time. I tried a bunch of things, but I can't figure it out.

Any assistance would be greatly appreciated!

Jason

EDIT - It appears as though when I double-click on records in the attribute table they are not actually selected (though as I mention above they are highlighted on the map) as the zoom and clear selection options are not available to me. Any thoughts??

Trouver plus de publications taguées avec

Accepted answers

RobertScheitlin__GISP

Jason,

You have to select the leftmost row header column to select a row in the table.

All comments

Rebsum66

Thanks, Robert. Will try and see how it works.

ShengdiZhang_0-1762246679914.png

RobertScheitlin__GISP

Rebecca,

To change the selection color of the row in the AT widget you have to override the css rule:

<SPAN class="punctuation token">.</SPAN>jimu<SPAN class="operator token">-</SPAN>widget<SPAN class="operator token">-</SPAN>attributetable <SPAN class="punctuation token">.</SPAN>ui<SPAN class="operator token">-</SPAN>state<SPAN class="operator token">-</SPAN>active <SPAN class="punctuation token">{</SPAN>
    background<SPAN class="operator token">-</SPAN>color<SPAN class="punctuation token">:</SPAN> <SPAN class="token function">rgb</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">!</SPAN>important<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

for changing the actual feature selection that is quite the task. Here is an example.

https://community.esri.com/thread/188028-edit-widget-color-off-the-selection-response

Rebsum66

But where would I look to change the actual color of the selected row from electric blue to say pastel red or whatever. And the same for the feature selected by the row selection action?

JasonStanton__GISP

Well there you go.... reading helps! Thanks for the clarification!

RobertScheitlin__GISP

Jason,

You have to select the leftmost row header column to select a row in the table.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.