Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About BenElan
BenElan
Esri Contributor
since
06-13-2019
02-03-2023
212
Posts created
26
Kudos given
41
Solutions
93
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(0 Idea Submissions)Latest Contributions by BenElan
|
POST
|
You just want to set the width of the Input Date Picker right? You can do that with CSS: <calcite-input-date-picker
range
style="width:260px"
scale="s"
overlay-positioning="fixed">
</calcite-input-date-picker> Or am I misunderstanding the question?
... View more
09-14-2022
01:12 PM
|
0
|
0
|
508
|
|
POST
|
Hi @baohuachu2, thank you for reporting this problem! I have created an issue which you can keep an eye on for progress updates: https://github.com/Esri/calcite-components/issues/5258
... View more
09-01-2022
04:24 PM
|
0
|
0
|
239
|
|
POST
|
Hi @coryeicher , It looks like you are using v0.21.0 of CCR in the repro app. The CSS variable wasn't introduced at that point. It will work in v0.27.0 or later (v0.30.0 is the latest). The documentation site represents the latest version. If you are stuck on an older version you can use the changelog to determine when a feature was added: https://github.com/Esri/calcite-components/blob/master/CHANGELOG.md#100-beta84-2022-07-12 You can determine which CC version is being used by a CCR version on the cli: npm view @esri/calcite-components-react@0.21.0 dependencies["@esri/calcite-components"]
... View more
08-30-2022
04:09 PM
|
1
|
1
|
718
|
|
POST
|
Hi @GregoryBologna It would probably be easier to add a conditional in the event listener's callback function (handleTaxParcelTypesChange), rather than dynamically adding/removing the listener. Here is an example: https://codepen.io/benesri/pen/bGvXZgz?editors=0011
... View more
08-30-2022
02:55 PM
|
0
|
1
|
611
|
|
POST
|
Hmm yeah I'm not sure. It's a pretty big repro app there could be a lot going on. Can you reproduce the issue in a simplified sample? If so I'd be happy to take a closer look.
... View more
08-26-2022
10:28 AM
|
0
|
0
|
734
|
|
POST
|
Clicking the Panel's back button removes the Panel from the DOM for performance. That means you will need to recreate the element if the user drills into the "details" Panel again. Here is an example: https://codepen.io/benesri/pen/poLYOdY?editors=0010 I didn't have an example using the React components but the idea is the same. If you have any difficulties converting the code to React let me know, I'm happy to help.
... View more
08-22-2022
03:57 PM
|
1
|
0
|
1191
|
|
POST
|
Here is a sample: https://codesandbox.io/s/calcite-label-margin-bottom-elxnkc?file=/src/App.js For future reference, Calcite also has an Esri Community which I monitor more closely than this one: https://community.esri.com/t5/calcite-design-system-questions/bd-p/calcite-design-system-questions
... View more
08-22-2022
03:20 PM
|
2
|
5
|
773
|
|
POST
|
Hi @baohuachu2, Action Menu isn't fully supported at this time, which is why it is not in the public facing documentation. We hope to clean it up and support it for the public in the future.
... View more
08-08-2022
09:27 AM
|
0
|
0
|
573
|
|
IDEA
|
For the second screenshot, it is possible just not fully supported at the moment. Here is a codepen: https://codepen.io/benesri/pen/GRxxNPb
... View more
08-03-2022
02:50 PM
|
0
|
0
|
844
|
|
POST
|
Also make sure you are using at least Calcite Components (CC) v1.0.0-beta.81 and/or its corresponding Calcite Components React (CCR) version, which is v0.22.0. A bug fix for nested tabs was released with beta.81: https://github.com/Esri/calcite-components/pull/4250 FYI - you can check which version of CC is being used by CCR with this shell command: npm view @esri/calcite-components-react@0.22.0 dependencies.@esri/calcite-components
... View more
08-01-2022
12:18 PM
|
0
|
0
|
844
|
|
POST
|
Oh sorry, I misunderstood. Hmm not sure what's going on. I wasn't able to reproduce it in this codesandbox: https://codesandbox.io/s/ccr-nested-tabs-lp7ei6?file=/src/App.js Are there any errors in the browser console? Have you tried using the CCR components that you are importing? You're also importing React from Experience Buidler; they may be customizing something on their end that is causing the issue. I suggest asking this in the Experience Builder community, hopefully they some insight.
... View more
08-01-2022
12:04 PM
|
0
|
1
|
844
|
|
POST
|
That is expected. The nested Tabs is the content for the first parent Tab. The content for the second parent Tab is just "Tab 2 Content". The code I provided has the same behavior. Isn't that what you were looking for?
... View more
08-01-2022
11:41 AM
|
0
|
3
|
851
|
|
POST
|
We do not support vertical tabs at the moment. You can use a vertical Stepper or an Action Bar instead
... View more
08-01-2022
11:36 AM
|
0
|
0
|
851
|
|
POST
|
FYI I did create an issue to allow setting the background color for Avatars, however we don't plan on allowing three letters. So as you mentioned SVG is your best bet.
... View more
08-01-2022
11:32 AM
|
0
|
0
|
415
|
|
POST
|
Hi @BenPitcairn, You can use avatar's thumbnail property to display an image. You can create the image in whatever color/letters/style you want! Here is an example: https://codepen.io/benesri/pen/wvmWZBR Note: Using an image with text is not accessible. The colors we use in avatar also consider contrast ratio guidelines.
... View more
07-11-2022
03:40 PM
|
0
|
0
|
473
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | 12-22-2021 10:22 AM | |
| 1 | 01-19-2023 11:10 AM | |
| 1 | 08-30-2022 04:09 PM | |
| 2 | 08-22-2022 03:20 PM | |
| 1 | 08-22-2022 03:57 PM |
Activity Feed
- Got a Kudo for Re: Calcite Maps - Shell Panel. 03-10-2023 11:24 AM
- Posted Re: Calcite Tabs creating ResizeObserver type error during DOM rendering (v1.0.0-beta.99) on Calcite Design System Questions. 02-02-2023 07:21 PM
- Posted Re: change default background color on Calcite Design System Questions. 02-02-2023 04:17 PM
- Posted Re: vs code intelligence on Calcite Design System Questions. 02-02-2023 12:48 PM
- Posted Re: vs code intelligence on Calcite Design System Questions. 02-02-2023 11:19 AM
- Posted Re: Image dropdown on latest version. on Calcite Design System Questions. 01-31-2023 07:12 PM
- Posted Re: vs code intelligence on Calcite Design System Questions. 01-31-2023 05:50 PM
- Posted Re: vs code intelligence on Calcite Design System Questions. 01-31-2023 05:35 PM
- Kudoed Re: Issues with the latest release of the Calcite Design? for omar-marji. 01-30-2023 09:06 AM
- Kudoed Re: Issues with the latest release of the Calcite Design? for omar-marji. 01-30-2023 09:06 AM
- Posted Re: vs code intelligence on Calcite Design System Questions. 01-30-2023 09:05 AM
- Got a Kudo for Re: Calcite Tabs creating ResizeObserver type error during DOM rendering (v1.0.0-beta.99). 01-19-2023 10:22 PM
- Posted Re: Calcite Tabs creating ResizeObserver type error during DOM rendering (v1.0.0-beta.99) on Calcite Design System Questions. 01-19-2023 11:10 AM
- Posted Re: How to setFocus on modal close button on Calcite Design System Questions. 12-29-2022 10:40 AM
- Posted Re: Managing calcite-panels within calcite-flow in react on Calcite Design System Questions. 11-29-2022 12:46 PM
- Posted Re: Date picker issue for local language setting "zh-CN" on Calcite Design System Questions. 10-19-2022 03:12 PM
- Posted Re: Latest news on release? on Calcite Design System Questions. 10-19-2022 03:08 PM
- Kudoed Re: Event handler directive not support for components in vue framework? for KittyHurley. 09-27-2022 05:42 PM
- Kudoed Re: How to initialize the value for Input Date Picker component for FC_Basson. 09-27-2022 11:48 AM
- Posted Re: Not support Grid layout? on Calcite Design System Questions. 09-15-2022 10:04 AM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
02-03-2023
03:22 AM
|
Latest Tags
No tags yet