Sign in Register
Go to solution
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

    Extending Umbraco

    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
Please Sign in or register to post replies

Write your reply to:

Draft