Join Justin Putney for an in-depth discussion in this video Solution: Create a product-comparison grid by formatting text in a table, part of Balsamiq Mockups for UX Design.
…So here's the solution that I came up with.…It's okay if yours looks different from this one.…So I'm just going to double click, and…you can see what the underlying format looks like.…So here I have the features head, and then the sort item,…which is that upward caret, and the v.…So it has both the up arrow and the down arrow.…And then a column for Product A, and a column from Product B.…And then the feature list columns going down and various check box states.…
So just hit escape to edit that.…And I also want to just highlight some things in the heads up display here.…So there are a few other options you can use to customize this.…You can show the border or hide it, you can of course add links to pieces.…And there's also this header row options.…So by default it has alternating row fills.…So when I uncheck that, this just goes back to a plain row with a light fill.…And when I select it,…it gets darker and thinner and that's what the header looks like.…
You can also change the row height and add horizontal lines in there.…
Author
Released
9/30/2014- Adding, aligning, and layering elements
- Adding and formatting placeholder text
- Building symbols
- Adding new control types using Mockups To Go
- Creating links and hot areas
- Making wireframes for tablets and smartphones
- Exporting mockups for review
Skill Level Beginner
Duration
Views
Related Courses
-
Infographics: Planning and Wireframing
with Shane Snow40m 52s Intermediate
-
Introduction
-
Welcome39s
-
-
1. Adding Elements to Your Mockup
-
Adding elements1m 29s
-
Aligning elements1m 40s
-
Modifying element content1m 10s
-
Updating element properties1m 20s
-
Using layers2m 3s
-
-
2. Working with Text
-
Adding a headline1m 45s
-
Adding placeholder text3m 17s
-
Formatting the control types1m 46s
-
-
3. Creating Reusable Assets
-
Creating a symbol2m 38s
-
-
4. Adding Interactivity
-
Creating hot areas2m 10s
-
5. Responsive Mockups
-
6. Exporting Mockups for Review
-
Exporting as PNG1m 3s
-
Exporting as PDF2m 30s
-
-
Conclusion
-
Next steps1m 12s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Solution: Create a product-comparison grid by formatting text in a table