Transform the record table to single tables

  • Hi

    As you can see in this picture, all the components is loaded inside a single table.
    I want to make each “line” have its own table. The goal is to make the empty fields disappear.
    I know this is possible trough a template, but I need help to add the right code to the right template.

    Hope you can help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author xnau webdesign

    (@xnau)

    You’re right about needing to do this in a custom template, but you may find it easier to work with the “bootstrap” template, which doesn’t use tables at all, and skips empty fields.

    [pdb_list template=bootstrap]

    Thread Starter arr0w

    (@arr0w)

    Well, it kinda worked.

    As you can see in this image, there is a lot of empty space above each checkbox – Some of it is caused by the margin (the orange part) and the rest is the size of the div. How do I remove the unused space?

    Also: How do I change the button to inherit the style from my current theme (like this)

    Plugin Author xnau webdesign

    (@xnau)

    It looks like your theme is putting all that space in there, so you may get a more detailed response from the theme support. The plugin mostly just lets the theme do the styling.

    Since you’re using the browser developer tools to show the layout, you can also use it to figure out what CSS rules you need to use to change it. When you select an element, it will show you the CSS rules that are styling that element. You can use a similar rule with different values to change that because it will override the existing rules.

    The plugin has a place for custom CSS in the settings.

    For a more in-depth answer, take a look at this article that present a step-by-step method for figuring out how to make changes to the CSS.

    Simple CSS Techniques for WordPress

    For your buttons, there are two ways to go: if you’re technically inclined, you can set up a custom template that duplicates the HTML your theme uses…usually you just need to use the same class names that the theme uses in it’s standard elements.

    Otherwise, you can inspect the element that looks like what you want the plugin buttons to look like, then add similar CSS rules to the custom CSS setting that target the plugin buttons.

    Thread Starter arr0w

    (@arr0w)

    If you look at this picture – There is an empty label – Probably caused by the $this->group->print_title

    If it is – How do I change it?

    • This reply was modified 8 years, 4 months ago by arr0w.
    Thread Starter arr0w

    (@arr0w)

    My bad – It’s the <?php $this->field->print_label() ?> that’s causing the problems.
    This field should only be displayed when the title is present.

    Thread Starter arr0w

    (@arr0w)

    Could you help me?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Transform the record table to single tables’ is closed to new replies.