Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Drop-down Widget #137

Merged
merged 24 commits into from
Oct 9, 2024
Merged

Add Drop-down Widget #137

merged 24 commits into from
Oct 9, 2024

Conversation

Antol
Copy link
Contributor

@Antol Antol commented Aug 27, 2024

Description

This pull request adds a new Drop-down Widget to the Grist custom widget collection. The widget provides a simple and compact drop-down menu that can be populated with options from a selected column in a Grist document.

Features

  • Displays options from a selected column in a drop-down menu
  • Acts as a source for selection in other Grist widgets
  • Compact design for efficient use of space
  • Handles error states and empty option sets
  • Syncs with Grist cursor position and theme

Files Added

  • drop-down/index.html: Main HTML structure
  • drop-down/script.js: Widget functionality
  • drop-down/package.json: Widget metadata
  • drop-down/README.md: Usage instructions and widget description

How to Use

  1. Add the widget to a Grist document
  2. Select the column to use for options in the widget configuration
  3. The drop-down will populate with values from the selected column
  4. Selecting an option will update the cursor position in linked widgets

This widget aims to provide a straightforward and useful tool for Grist users who need a compact way to navigate through options in their documents.

Copy link

netlify bot commented Aug 27, 2024

Deploy Preview for boisterous-sunburst-a5c941 ready!

Name Link
🔨 Latest commit b568e02
🔍 Latest deploy log https://app.netlify.com/sites/boisterous-sunburst-a5c941/deploys/66faa00e53765e000871826a
😎 Deploy Preview https://deploy-preview-137--boisterous-sunburst-a5c941.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@berhalak
Copy link
Contributor

Hi @Antol, thanks for contributing.

Can you describe the purpose of this widget, what kind of problems it solves? I also noticed that the dropdown has 100% height and width, which looks surprising, was this your intention?

@Antol
Copy link
Contributor Author

Antol commented Sep 26, 2024

@berhalak I will quote the August newsletter "Antol Peshkov has created a simple custom dropdown widget that does exactly what it sounds like."
Why is 100% height and width surprising? It would take only a small piece of a page to work as a selector.
600x486

"version": "0.0.1",
"grist": {
"name": "Drop-down Widget",
"url": "https://antol.github.io/grist-widget/drop-down/index.html",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you change the URL to point to this site?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, of course

@berhalak berhalak merged commit 434b149 into gristlabs:master Oct 9, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants