Machine Learning Competition App

Show and Tell
4

The gap between the cards/button can be fixed with changing the spacing above and spacing below properties to None on the appropriate cards/flow panel/button

Just checked and seems to work no problem.


maybe you could create an anvil-role for Button called 'active'
and a role for the FlowPanel (I’m guessing the Buttons are in a flow panel) called 'tab-flow'

then in the css

.anvil-role-tab-flow > div > div:first-child .btn{ /* first btn has left border*/
  border-left:1px solid #f4f4f4;
}
.anvil-role-tab-flow .btn{/* all buttons have right border*/
  border-right: 1px solid #f4f4f4;
}

.anvil-role-active {
  background: #f4f4f4;
}

Change the role of Buttons on the click event.

This looks like it could be a great project to implement the HashRouting dependency. :wink:

2 Likes