Skip to main content
Open

Per-side borders for text boxes / rectangles and table cells

  • January 28, 2022
  • 1 reply
  • 814 views

When creating UI mockups, particularly tab bars, it’s common to use a bottom border to indicate which tab is active or has focus. It’s also useful to create vertical separators between text boxes, etc. 

This functionality is pretty common - cell border attributes in Excel, Word and Google Docs tables, and it’s built-in to CSS (border-left, border-right, etc.) 

I would love the ability to not just select the border thickness, opacity and colour, but also specify which borders are active. Inactive borders would either be transparent or take on the box’s fill colour (this could be a checkbox preference). 

While we’re at it, the ability to do this in tables would be SUPER useful as well. (This would really let me use a single-row table to mock up things like tab bars or button bars with some styling). 

This would be limited to rectangular boxes to start, but border options that mimic what is possible in CSS (combining with border-radius and other attributes) would be nice. 

Was it helpful?

1 reply

Duplicate Idea (closed)Open

Reply