Token box component not in my component library

Anvil Q&A
1

What I’m trying to do:
Find a way to add token box to project. I am developing on the M3 theme and I have the multiselect dropdown component but do not have a token box component.

What I’ve tried and what’s not working:
Found it in the docs and cloned the example and it works there.

Code Sample:

# this is a formatted code snippet.
# paste your code between ```

Clone link:
share a copy of your app

2

You may have to scroll down to see this checkbox:

image
image722×366 16.3 KB

3

I just do not see Designer Display Settings . If I go to settings I have General Settings and it is not on the page – I scrolled to bottom (as far as it will go) – I have Python Versions, Dependencies, Data Tables, Collaboration and Embedding. No Designer Display info there – Themes does not containg Designer Display Settings either … I am sorry – I am missing it somehow?

4

It’s in the component’s settings pane. You can get there by choosing
image

“Edit properties and events…” from your component’s ⋮ button menu.

5

I am feeling pretty foolish here - so I should select edit props then the Make This Form Available as a Custom Component – and this should be done on the clone of the Multi select Token Box demo app?

6

You stated that you “do not have a token box component”, despite having cloned the app that defines the component. I’m guessing that this means that it doesn’t show in your clone’s Component Palette, or in an App you’ve created which depends on your clone.

This is consistent with an unchecked checkbox within the component, specifically, the “Make component available in toolbox” checkbox. This checkbox is located far below the “Make This Form Available as a Custom Component” checkbox.

If “Make component available in toolbox” is not checked, then it won’t appear in the Component Palette, for the cloned App, and any Apps that use it as dependency.

So you’ll want to visit that lower checkbox, and see for yourself whether it is checked.

Without seeing a clone of your app, or more specific screenshots, or more specific error messages, that’s the best we can do with the limited information you’ve presented.

2 Likes
7

Works ! I just did not remember add the other custom components in that fashioned but that works and now I know how to do it ! Thank you…

1 Like