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; } } }

How to disappear the cross✖️ symbol from custom widget when we opens that widget(no close button I want for closing the widget)?

sanchigupta

I made a custom widget which contains a form .I do not want the close button in right side of widget panel where we can maximize and close the widget .is there any way to remove the cross symbol from form widget??

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Peter,

Add this css rule to your apps theme common.css

[install dir]\server\apps\[app#]\themes\[theme name]\common.css

Here is a sample rule for hiding the close button on widget _5.

<SPAN class="selector token">#_5_panel.jimu-panel>.jimu-panel-title>.btns-container>.close-btn</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">display</SPAN><SPAN class="punctuation token">:</SPAN> none
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

Anonymous User

Web AppBuilder Custom Widgets‌

RobertScheitlin__GISP

Peter,

Add this css rule to your apps theme common.css

[install dir]\server\apps\[app#]\themes\[theme name]\common.css

Here is a sample rule for hiding the close button on widget _5.

<SPAN class="selector token">#_5_panel.jimu-panel>.jimu-panel-title>.btns-container>.close-btn</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">display</SPAN><SPAN class="punctuation token">:</SPAN> none
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Anonymous User

sanchi gupta‌ please see the answer above from Robert in the custom widgets community. Thanks!

sanchigupta

Thanks Robert for answering!!.Suppose my widget name is Form so it would be #_Form_panel.....by doing this it gives error.

KoryKramer_0-1731593160635.png

RobertScheitlin__GISP

Sanchi,

The Id of the widget is not going to be something like "form" You can run your app and right click your widget and inspect the dom objects to find the id of your widgets panel.

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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