How do I get the same effect as this screenshot from your site? Where filters appear as boxes and selected filters are Blue. Is it dependent on the Base Skin?
1. Yes - This is the default color scheme if you choose the Table Skin in Customize as "Aqua".
2. To get the CheckBox render in a Modal :
Set your Column's filter type to "CheckBox", then enable it to "Render in a Modal".
If you wish to set a custom text color and background color via CSS, while having a different Table Skin - here is a CSS selector you can use to customize the "CheckBox in Modal" element :
Using CSS how would I add a right or left margin to a table? Team Roster – CFF Veterans has 6 tables spanning the page, I want to add a little separation
How do I get the same effect as this screenshot from your site? Where filters appear as boxes and selected filters are Blue. Is it dependent on the Base Skin?
Attached files: unnamed.png
Hi Mark,
1. Yes - This is the default color scheme if you choose the Table Skin in Customize as "Aqua".
2. To get the CheckBox render in a Modal :
Set your Column's filter type to "CheckBox", then enable it to "Render in a Modal".
If you wish to set a custom text color and background color via CSS, while having a different Table Skin - here is a CSS selector you can use to customize the "CheckBox in Modal" element :
Add it to the Table's Customize/Custom CSS.
You can also add borders, or any other CSS styles you need to that element using that selector.
I hope that helps.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thanks for the fb, its are very useful.
Using CSS how would I add a right or left margin to a table? Team Roster – CFF Veterans has 6 tables spanning the page, I want to add a little separation
Hi Mark,
You're welcome.
2. When it comes to adding left and right margins to a Table, I am not sure what you need exactly.
If you wish to add some specific left and right margin to the main table's container 'wrapper' element, you can use this CSS selector :
.wpdt-c .wpDataTables.wpDataTablesWrapper {
margin-left: 50px !important;
margin-right: 50px !important;
}
I just randomly insert 50px as the value, but you can either use pixels or percentage values, and see if that helps?
Let me know if you meant something else.
If that is the case, please try to clarify as much as possible in more details, try to make a screenshot or a Video what is needed and we will advise.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Mark,
You added more details on your other ticket/ so it seems you don't just need the 'left' and 'right' margin;
but you need to make a vertical separation between the Tables on page, right?
You also mentioned padding, so I am not sure how that comes into the mix, but we will do our best to advise.
1. In regards to vertical margins, you can use this :
.wpdt-c .wpDataTables.wpDataTablesWrapper {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
And this can vertically add separation between Tables.
For padding in Tables, can you elaborate a bit more, do you need padding for Table cells, or padding on the entire Table 'wrapper"?
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables