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.

Sign up for GitHub

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

Jump to bottom

Implement Select Appearances #141

Closed
sadiqkhoja opened this issue Jun 26, 2024 · 0 comments · Fixed by #142
Closed

Implement Select Appearances #141

sadiqkhoja opened this issue Jun 26, 2024 · 0 comments · Fixed by #142
Assignees
@sadiqkhoja
Milestone
Next

Comments

@sadiqkhoja
Copy link
Contributor

sadiqkhoja commented Jun 26, 2024 •
edited
Loading

Implement appearances for select_one and select_multiple in the UI client.

Out of scope:

  • Options with images (media)
  • map and image-map appearances.
@sadiqkhoja sadiqkhoja added this to the Next milestone Jun 26, 2024
@sadiqkhoja sadiqkhoja self-assigned this Jun 26, 2024
sadiqkhoja added a commit that referenced this issue Jun 26, 2024
@sadiqkhoja
Feature #141: Appearances for select node types
be1d6b2 
* Implemented minimal, autocomplete, no-buttons, likert, list, list-nolabel, label, columns, column-pack, column-n for Select1
* Implemented minimal, autocomplete, no-buttons, list, list-nolabel, label, columns, column-pack, column-n for SelectN
* Implementation of map and image-map appearances will be handled separately
* Dynamic width of select options is achieved using javascript, we need to find a way to do it using css if possible
* Original SelectControl.vue has been decomposed into Select1Control and SelectNControl.
* Widgets directory contains low level components, mostly combination of a label and a primevue component
* Appearance directory contains wrapper components to acheive desire UI layout
@sadiqkhoja sadiqkhoja mentioned this issue Jun 26, 2024
Merged
sadiqkhoja added a commit that referenced this issue Jun 26, 2024
@sadiqkhoja
Feature #141: Appearances for select node types
ed8220d 
* Implemented minimal, autocomplete, no-buttons, likert, list, list-nolabel, label, columns, column-pack, column-n for Select1
* Implemented minimal, autocomplete, no-buttons, list, list-nolabel, label, columns, column-pack, column-n for SelectN
* Implementation of map and image-map appearances will be handled separately
* Dynamic width of select options is achieved using javascript, we need to find a way to do it using css if possible
* Original SelectControl.vue has been decomposed into Select1Control and SelectNControl.
* Widgets directory contains low level components, mostly combination of a label and a primevue component
* Appearance directory contains wrapper components to acheive desire UI layout
sadiqkhoja added a commit that referenced this issue Jun 26, 2024
@sadiqkhoja
Feature #141: Appearances for select node types
2baf72a 
* Implemented minimal, autocomplete, no-buttons, likert, list, list-nolabel, label, columns, column-pack, column-n for Select1
* Implemented minimal, autocomplete, no-buttons, list, list-nolabel, label, columns, column-pack, column-n for SelectN
* Implementation of map and image-map appearances will be handled separately
* Dynamic width of select options is achieved using javascript, we need to find a way to do it using css if possible
* Original SelectControl.vue has been decomposed into Select1Control and SelectNControl.
* Widgets directory contains low level components, mostly combination of a label and a primevue component
* Appearance directory contains wrapper components to acheive desire UI layout
@sadiqkhoja sadiqkhoja moved this from Todo to In Progress in Web Forms Jun 26, 2024
sadiqkhoja added a commit that referenced this issue Jul 9, 2024
@sadiqkhoja
Select appearances (#142)
721506a 
* Feature #141: Appearances for select node types

* Implemented minimal, autocomplete, no-buttons, likert, list, list-nolabel, label, columns, column-pack, column-n for Select1
* Implemented minimal, autocomplete, no-buttons, list, list-nolabel, label, columns, column-pack, column-n for SelectN
* Implementation of map and image-map appearances will be handled separately
* Dynamic width of select options is achieved using javascript, we need to find a way to do it using css if possible
* Original SelectControl.vue has been decomposed into Select1Control and SelectNControl.
* Widgets directory contains low level components, mostly combination of a label and a primevue component
* Appearance directory contains wrapper components to acheive desire UI layout

Incorporated PR Feedback:
* Few enhancements in LikertWidget:
** Hover state for the likert option
** Small gap between the options.
* Also added class to span of RadioButton and CheckboxWidget
* remove duplicate style
* remove v-full-width

* Create lemon-pandas-matter.md (changeset)
@github-project-automation github-project-automation bot moved this from In Progress to Done in Web Forms Jul 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@sadiqkhoja sadiqkhoja

Labels
None yet
Projects
Web Forms
Status: Done
Milestone
Next
Development

Successfully merging a pull request may close this issue.

Select appearances getodk/web-forms
1 participant
@sadiqkhoja