KlausSchaefers/vue-low-code

Need help with Dropdown *Urgent

fahad-islam opened this issue · 5 comments

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

Hi,

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

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'}
        ]
      },
  1. As an alternative you can also just add options as strings

image

The fixed version of the plugin should be online.

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

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!

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.