Finally - a drop down menu with actions and that is easy to use

General
,
1

SSIA:

image
image488×221 5.01 KB

Menu Item 1 fires Action Item 1 …

I am replacing buttons which look fine on a desktop with a drop down on mobile version but needed an action (like a button push) to fire when selected…ouilla - Glide AI components to the rescue!

4 Likes
2

You should share this in Glide Ai Component Library

3

Yep! AI component does a decent job with this use case.

4

So…I searched for this before I started since I knew I had seen it before and my prompting skills are…meh. And I guess my search skills too!

But this time - got it right!

5

Here are the prompts: putting all the coaching up on prompt usage to work.

First Prompt:
Create a dropdown choice selector with 4 menu items named: Territory List, Seller Coverage, Joint Accounts, Joint Accounts by Type

Add Actions
I then added 4 actions called Action 1, Action 2, Action3, Action 4.

Second Prompt:
When menu item 1 selected, fire action item 1. When menu item 2 selected, fire action item 2. When menu item 3 selected, fire action item 3. When menu item 4 selected, fire action item 4.

Finally I changed the ‘Title’ (it was what the choice selector showed on first use)

Third Prompt:
Replace title with “Select a Coverage Report”

image
image188×383 6.84 KB

Tada!

6

BTW…this was all driven from @Darren_Murphy tip:

@media only screen and (min-width: 640px) { .mobile { display: none; } } @media only screen and (max-width: 640px) { .desktop { display: none; } }

Buttons look good on desktop screens but take up way too much room on a mobile display. I needed something to “click and go” so a choice was the idea but of course their are no actions plus I had to create a ‘table’ for choice items and place to store a ‘result’ in the User table which was just messy.

Everything is in containers so it was easy to have the existing container be ‘desktop’ and a new container be ‘mobile’. Glide Component AI to the rescue.

Thanks @Mark and @david

1 Like