How can I build a float form?

I try to build a float form or multiple form, but I can’t find a dashboard anywhere, I remember I used to see it anywhere.

Hi there,

If possible, could you provide a few more details so that someone can help point you in the right direction?

Some guesses may be:

I’m happy to assist if there are more details.

yes, it is the video what I was looking for. But where is the dashboard? is it only available at starting form?

If you start with the “classic” theme

sc

you can select the card-based form option.
Screenshot%20from%202019-04-26%2022-13-36

You can then drop the card component for the “float/shadowed” effect.

But you can of course use the card on any form to get that “float/shadowed” effect.

sc3

my version only has column panel similar with the ‘card’ you mentioned. I would try it.

Oh yes, you are correct.

The card is only directly available in the material and classic themes as far as I can see.

You may be able to use Anvil’s “roles” and/or CSS to add a shadowed effect.

Unfortunately changing a component’s role in the IDE seems to only be possible in the classic and material themes (someone please correct me if I am wrong as I cannot find a way).

Where it is possible, here’s an example of the CSS:

.anvil-role-my_shadowed_component {
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

what I want is look like this. Can I ?

Oh sure, but I you’ll want the Material Theme (the default) or the Classic Theme. They both have the collapsible side bar automatically.

For more customization, check this nice tutorial out:

1 Like

oh, I got that. I should use the material design or classic theme at the beginning of creating App, but my app currently not on these two theme, can I convert to these two theme without modify whole things from beginning?

You can try following the instructions in this thread.

Based on the comments, it may not always work perfectly, but it is worth a try.

Feel free to upvote that feature request.