Latest Contributions by BenElan

I suggest using calcite-action. You can add your own image in the default slot. Here is a codepen: https://codepen.io/benesri/pen/yLvBwNN?editors=1010 ... View more

@JeffBurka  That is correct. "width-scale" is an attribute "widthScale" is a property Always use "width-scale" when setting the attribute in HTML. In JavaScript, you can use the widthScale property or  the "width-scale" attribute with setAttribute:   // these two lines do the same thing document.querySelector("calcite-shell-panel").widthScale = "l"; document.querySelector("calcite-shell-panel").setAttribute("width-scale", "l");   This is a standard convention used throughout the web. Here is another example from MDN about data attributes: https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes To get a data attribute through the dataset object, get the property by the part of the attribute name after data- (note that dashes are converted to camelCase) The convention applies to all of the camelCase properties in Calcite Components, as well as any native HTML elements (div, h1, ul, etc.) that have attributes with dashes (such as data attributes). ... View more

If you have a calcite-panel inside of a calcite-shell-panel, it is best to set them to the same widthScale. Here is a codepen demonstrating having the same and different widthScales: https://codepen.io/benesri/pen/PoEVOrx?editors=1000 ... View more

Hi @N8-CORR, Felix's answer is correct, however it is still possible to create mobile-friendly apps with Calcite Components. At this time, you will have to use CSS to do it yourself. In the future, we plan to add CSS utility classes which will make the process easier.   For reference, the Icon search is developed using calcite-shell, and it works on mobile. ... View more

Hi @Mandalorian, MapView has a padding property which will do that. Here is a sample from the JavaScript API: https://developers.arcgis.com/javascript/latest/sample-code/view-padding/ ... View more

Using vertical height is better, so it is not dependent on your monitor size: style="height:100vh;"    ... View more

Hmm, can you provide a codepen that reproduces the issue? In your original code you were using "label" instead of "textLabel" for the prop. Maybe that's the issue?   https://developers.arcgis.com/calcite-design-system/components/combobox-item/#component-api-properties-textLabel   ... View more

Hi @LefterisKoumis, You need to create calcite-combobox-item components for each of the JSON entries, and then append them to the combobox. Here is a codepen:  https://codepen.io/benesri/pen/zYpRpmp?editors=0010 ... View more

The event's callback function doesn't need to be async in your code snippet. Also, the tab info is event.detail.tab. Here is the code:   document.addEventListener("calciteTabChange", (event) => console.log(event.detail.tab));   ... View more