KlausSchaefers / vue-low-code

Quant-UX standalone
MIT License
364 stars 42 forks source link

Need help with Dropdown *Urgent #54

Closed fahad-islam closed 2 years ago

fahad-islam commented 2 years ago

Hi, Liquid Concession needs your help with Figma data-binding!

We are using your Figma plugin *( Figma Low Code ).

We need your help with the Figma plugin feature that you guys build.

We want to use your plugin but the documentation is lacking a lot of features.

Could you help us out in figuring out a way to move forward?

Right now, We are using mui mantis theme for our Figma design

The design is ready but data binding is required.

Would love to connect and hear more from you guys as quickly as possible

regards, Muhammad Fahad Islam.

Email: muhammadf@liquidconcessions.com Twitter: https://www.twitter.com/_fahadislam Github: @fahad-islam

KlausSchaefers commented 2 years ago

Hi,

there is a bug in the plugin. Let me try to fix it.

KlausSchaefers commented 2 years ago

Hi,

I fixe the bug in the plugin. To use the dropdown you have to:

1) Make the element a dropdown (best a rectangle with and label on top) image

2) Add input/out data binding and the options data binding

image

The input/output works like normal. The options data binding allows you to make the list of elements dynamic. For instance you can put the following options in your view-model in the Home.vue

 viewModel: {
        selectedDropDownValue: 'Nooon e',
        dropdownOptions: [
          {label: 'A', value: '1'},
          {label: 'B', value: 'C'}
        ]
      },

3) As an alternative you can also just add options as strings

image

The fixed version of the plugin should be online.

fahad-islam commented 2 years ago

Thank you so much @KlausSchaefers, Can we have a short meeting?

fahad-islam commented 2 years ago

Screenshot from 2022-10-27 09-50-22

Still facing this issue, What kind of updates do I need to make to get the updated version? Screenshot from 2022-10-27 09-52-11

From Home.vue Screenshot from 2022-10-27 09-53-29

Also, help me with Figma interactions, Plugin is not picking up hover, active, etc Is there any configuration around it or not?

Thank you, buddy!

KlausSchaefers commented 2 years ago

This error happens when there are no options. Can you check:

a) The dropdown has the "options" data bin dinging set to dropdownOptions?

b) Enter some options.

If the error persists, could you try out the .fig file I have attached. dropdown.fig.zip

The error that you see is still a bug, I will fix it in the next days. It only happens of the dropdown is mis configured.