Download Free

All-in-one prototyping tool
Prototyping tool

Design hi-fi prototypes for web & mobile apps
Remote Collaboration

Share and get feedback
Enterprise

UX platform for all your teams

Free tools
Free wireframing tool

Unlimited projects and users
UI Kits

Web, iOS, Android and more

Help center
Help Center

Training and User guides
Customer stories

See how other teams use Justinmind
Blog

Learn how to master UX and UI design

Product
- Prototyping tool
  
  Design hi-fi prototypes for web & mobile apps
- Remote Collaboration
  
  Share and get feedback
- Enterprise
  
  UX platform for all your teams
Examples
Free tools
- Free wireframing tool
  
  Unlimited projects and users
- UI Kits
  
  Web, iOS, Android and more
Learn
- Help Center
  
  Training and User guides
- Customer stories
  
  See how other teams use Justinmind
- Blog
  
  Learn how to master UX and UI design
Pricing

New Topic

Community Support Topic Problem Data masters, data lists & data grids

Cannot create a widget with dynamic list

Pooja Wasaikar shared this problem 3 years ago

Known

I want to create a widget using dynamic list so that my colleagues can use it in their projects as well. Is there a way to do that or some other workaround that is available?

The same problem

Comments (7)

eggroll ● 3 years ago

Can you give an example or provide a little more detail on the functionality you are trying to achieve?

Reply URL

Pooja Wasaikar ● 3 years ago

Hi,

I am trying to create a grid control. A grid control is a data represented as table (list of records) with functionalities like view and edit data for each row, search data, filter data, etc. We use this control in most of our projects and the only thing that varies is the data (or data master) for each project.

Hence I created this control in a dynamic panel using data list/data master. Please check attachment - "Grid control".

When I select the panel and create a widget, the data list disappears. Please check attachment - "Grid Control as widget"

Thank you for your help!

Files: Grid control as... Grid control.jp...

Reply URL

eggroll ● 3 years ago

Okay. I'm slowly getting it. You are prototyping a data grid, somethings similar to this:

http://js-grid.com/demos/

And I understand you are prototyping this grid using a data list tied to a data master within a dynamic panel. The part I'm not clear on is when you say "When I select the panel and create a widget". How are you doing the "create a widget" part?

Reply URL

Pooja Wasaikar ● 3 years ago

Yes, I am trying to build a data grid.

To create the widget I am select the Dynamic Panel in the outline area, then right click and select add to widget library.

I already have a widget library created.

URL

eggroll ● 3 years ago

I understand now. I wasn't seeing the "Add to Widget Library" option in my prototype because I haven't created any custom widget libraries so that option didn't appear in the right click list. Since I haven't created any widget libraries, I can only offer a guess as to a solution/answer for you, which would best be confirmed by someone from JIM.

My guess would be that when you are creating a widget, you are doing just that - creating a widget, a generic object from which a specific instance is created each time you drag it to your prototype. So, being generic, it would not be associated with a specific data master as a widget, just like the data grid and data list widgets that come with JIM. Each instance you drag to your prototype will be a blank version of your custom data grid control to which you would then associate a particular data master. The widget, in my theory here, enables you to maintain a uniform data grid control, UI-wise, every time you use it with the ability to associate each instance with any data master you like, although not having built something like you have and not being extremely familiar with the specifics of your implementation, I'm not sure if the data masters you use would all have to have the same data fields or if the widget has the flexibility to accommodate whatever fields the associated data master contains.

As I said, this is only a guess. One way to confirm this would be to create the widget, letting the data master disappear as you are currently experiencing, then dragging the widget onto your prototype and seeing if you can then associate that new instance of your widget with a data master. If so, then it works as I am guessing. If not, let me know what the behavior is and we'll see if I can be of any further help.

URL

eggroll ● 3 years ago

Hi,

Just curious what you discovered. Do widgets function in the way I described above or was there something else to the issue you were encountering?

Thanks!

Reply URL

Pooja Wasaikar ● 3 years ago

Hi,

Thank you for your reply. I tried the approach you suggested and it didn't work as not just data master, but even the data list disappears from the widget.

The reason I need data list available in the widget is because I have row level operations like edit and view defined in data list. I can work with data master getting disappeared as you suggested above, but unfortunately its not working that way.

URL