Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

57%
+2 −1
Q&A Confusing reuse of styling between button and tab header

Another option is to not use button styling in the bar at all. The "Ask Question" button can become another tab along with "Posts", "Tags", and "Edits": This is my personal preference as it simp...

posted 1y ago by trichoplax‭  ·  edited 1y ago by trichoplax‭

Answer
#2: Post edited by user avatar trichoplax‭ · 2023-05-13T20:30:11Z (over 1 year ago)
Mention draft questions in support of tab styling
  • Another option is to not use button styling in the bar at all. The "Ask Question" button can become another tab along with "Posts", "Tags", and "Edits":
  • ![Codidact Meta site with all 4 items styled as tabs, with "Posts" selected](https://meta.codidact.com/uploads/moo51loougtpzr756ypx7nmefz7q)
  • This is my personal preference as it simplifies the interface without changing how the user interacts with it. All 4 items are now treated as tabs, rather than one of them being treated as a button even though it behaves just like the other tabs when clicked.
  • ![Codidact Meta site with all 4 items styled as tabs, with "Ask Question" selected](https://meta.codidact.com/uploads/sazq7490qt4m65ikmj7fyalb5s8x)
  • Another option is to not use button styling in the bar at all. The "Ask Question" button can become another tab along with "Posts", "Tags", and "Edits":
  • ![Codidact Meta site with all 4 items styled as tabs, with "Posts" selected](https://meta.codidact.com/uploads/moo51loougtpzr756ypx7nmefz7q)
  • This is my personal preference as it simplifies the interface without changing how the user interacts with it. All 4 items are now treated as tabs, rather than one of them being treated as a button even though it behaves just like the other tabs when clicked.
  • ![Codidact Meta site with all 4 items styled as tabs, with "Ask Question" selected](https://meta.codidact.com/uploads/sazq7490qt4m65ikmj7fyalb5s8x)
  • I think this fits particularly well with the fact that the "Ask Question" tab saves your progress so you can come back to your draft question later. It really is a tab you can come back to, rather than a button that generates a brand new question each time it is clicked.
#1: Initial revision by user avatar trichoplax‭ · 2023-05-13T20:14:07Z (over 1 year ago)
Another option is to not use button styling in the bar at all. The "Ask Question" button can become another tab along with "Posts", "Tags", and "Edits":

![Codidact Meta site with all 4 items styled as tabs, with "Posts" selected](https://meta.codidact.com/uploads/moo51loougtpzr756ypx7nmefz7q)

This is my personal preference as it simplifies the interface without changing how the user interacts with it. All 4 items are now treated as tabs, rather than one of them being treated as a button even though it behaves just like the other tabs when clicked.

![Codidact Meta site with all 4 items styled as tabs, with "Ask Question" selected](https://meta.codidact.com/uploads/sazq7490qt4m65ikmj7fyalb5s8x)