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

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

Write your reply to:

Draft