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

disable/hide resize handle for Widget

VikramS

How to disable/hide the resize handle for specific widget in Webappbuilder ?

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

diaconori

Thank you for this solution @RobertScheitlin__GISP . Short and elegant.

This should be marked as accepted answer.

@VikramS , please update the thread and mark Robert's first answer as the 'accepted answer'.

Thanks.

KevinThompson

Hello Robert,

I added the requirements within define() and the variables within the function().

I must still be missing something because it is not being removed?

Appreciate your help, sorry I am new at this

RobertScheitlin__GISP

Kevin,

No that is not how to add the requires. In the Widget.js at the very top of that file you will find the other modules in the define array that is where you add the dojo/query and dojo/dom-style. The domStyle.set does go in the Widget.js postcreate function.

KevinThompson

Hello Robert,

Thank you for posting this! I am trying to implement this in my application, but am running into trouble.

Do you put this within the Widget.js file within the Widgets folder? Also I am not sure if i created the vars and set the requirements correctly as you instructed.

postCreate: function() {
var dojoQuery = require('dojoQuery')
var domStyle = require('domStyle')
domStyle.set(dojoQuery(".dojoxResizeHandle.dojoxResizeNW")[0],
'display',
'none');
},

Kind Regards,

Kevin

RobertScheitlin__GISP

Vikram,

Glad to help. Now it is your turn to help the community by marking this question as answered. All you have to do is click the "Correct Answer" link (the one with the little green star) on the post that provided the answer for you. If the answer was not provided by one of the responders then you can mark any of the replies that you received as helpful by clicking on the "Actions" menu and choosing "Mark as Helpful"

VikramS

Thanks Robert .

RobertScheitlin__GISP

Vikram,

There is no configuration for this, but if you add some code you can accomplish this.

In your widget you wish to disable the resize on just add this code and requires:

In the postCreate function add:

domStyle.set(dojoQuery(".dojoxResizeHandle.dojoxResizeNW")[0],
                             'display',
                             'none');

Add these requires:

'dojo/query',
'dojo/dom-style',

along with their vars:

dojoQuery, domStyle

Nimm an der Unterhaltung 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.