Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Anton 5 posts 95 karma points
    Jan 13, 2016 @ 16:44
    Anton
    0

    Table / list view styles in front-end

    Hi All,

    again a newbie question:

    I like the style of the blog repository in the back-end. How / which CSS classes can I use for an automatically generated table in my front-end custom view with custom surfaceontroller. I thought I could use the bootstrap CSS classes like .table table-hover but since I use the fanoe starter kit I assume the bootstrap css is overridden.

    Thank you, Anton

    Copy Link
  • Matthieu Nelmes 102 posts 385 karma points
    Jan 13, 2016 @ 17:08
    Matthieu Nelmes
    100

    You'll want to add your own table class to override the default styles.

    I did something similar but with a table in the backoffice.

    These are some of the styles I used. This should get you started, just replace .myCustomTable with your own class name

    .myCustomTable table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.myCustomTable thead th {
  background-color: #f8f8f8;
  color: #333;
  text-transform: uppercase;
  font-weight: 600;
  font-size:11px !important;
  font-size: 12px;
}

.myCustomTable tbody td {
  background-color: #EEEEEE;
}

.myCustomTable .table th, .table td {
    padding: 5px;
}
    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies