Download Free

All-in-one prototyping tool
Prototyping web

Hi-fi prototypes for Websites & Web Apps
Prototyping mobile

Create lifelike iOS & Android prototypes
Collaboration

Share and get feedback
Requirements

Requirements management
Integrations

Sketch, JIRA and more

Free tools
Free wireframing tool

Unlimited projects and users
UI Kits

Web, iOS, Android and more

Help center
Help Center

Training and User guides
Q&A forums

For evaluation and free users
Customer stories

See how other teams use Justinmind
Blog

Learn how to master UX and UI design

Tour
- Prototyping web
  
  Hi-fi prototypes for Websites & Web Apps
- Prototyping mobile
  
  Create lifelike iOS & Android prototypes
- Collaboration
  
  Share and get feedback
- Requirements
  
  Requirements management
- Integrations
  
  Sketch, JIRA and more
Examples
Free tools
- Free wireframing tool
  
  Unlimited projects and users
- UI Kits
  
  Web, iOS, Android and more
Learn
- Help Center
  
  Training and User guides
- Q&A forums
  
  For evaluation and free users
- 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 2 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 ● 2 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 ● 2 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 ● 2 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 ● 2 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 ● 2 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 ● 2 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 ● 2 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