IMTanuki

For anyone else who wants to tweak the collapse buttton, the following css vertically “centers” and mutes the colors a bit:

/* TABLEPRESS – COMMON – COLLAPSE FUNCTION – MOBILE */
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr[role=”row”] > td:first-child:before,
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr[role=”row”] > th:first-child:before {
background-color: #b3b3b3;
top: 15px;
font-family: Impact;
font-weight: bold !Important;

}
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
background-color: #7B68EE;
top: 15px;
font-family: Impact;
font-weight: bold !Important;

}

Reference: https://cdn.datatables.net/responsive/2.2.0/css/responsive.dataTables.css

top: 15px; (or some # based on row height) does the trick…

FEEDBACK

I’ve tried a number of “low code” database vendors that provide embedded js to insert a report into WordPress pages. None of them work particularly well…most of their responsive reports look terrible and are not configurable.

So, Tablepress has a great solution with lots of css options to integrate the look n feel of a table into my site.

What would be awesome (although huge effort) would be adding dynamic queries of a local mySQL db, rather than having static data. I think your work is based on the datatables project – I’m not sure where they stand on this feature, but it would be a home run if this could be done with Tablepress and would open up a much broader market for you…;>)

• This reply was modified 6 years, 11 months ago by IMTanuki.

Tobias

That certainly works for the strings. I used abbreviated labels (e.g. “NXT PRV”) and now everything is on the same line!

As with my other request on the responsive collapse button color:

– is there any CSS that I can apply to change the Previous / Next arrow colors?

– and I suspect I know it’s embedded in the plugin code itself, but is there any way to replace the arrow icons? This isn’t as important as the color of the arrows, but I use different symbols throughout my site.

Thanks!

Tobias

As always, thanks for the quick reply.

Actually, if you could look at the details extension, you’ll see that it does vertically-align. The problem is that it’s other not-so-good behaviors.

So, I think it should be possible to tweak the responsive extension to vertically-align in the same manner that the details extension does.

Could I trouble you to take another look at this issue?

Thanks!

UPDTATE

I also installed https://tablepress.org/extensions/datatables-row-details/, but it seems to have overlapping / conflicting behaviors with respect to the responsive extension. My feedback:

RESPONSIVE EXTENSION BEHAVIOR
– expand/collapse button column width is narrow (good – doesn’t waste horizontal real estate)
– icon is crisp (see below) and colors can be configured per notes above.
– icon (at present) cannot be vertically aligned.
– expand function intelligently chooses the columns that can’t be displayed in collapse mode…and right-aligns label and left-aligns values (which looks good)

DETAILS EXTENSION BEHAVIOR
– expand/collapse button column width is wider than responsive column
– expand/collapse button does not pick up CSS color changes
– expand/collapse button is fuzzy
– clicking on button adds an orange border (for just the button cell) (distracting)
– expand function left-aligns label and right-aligns value (looks weird)

VERDICT
– I deleted the details extension.
– The only advantage to the details extension is the ability to override the columns displayed in detail mode – but the responsive extension already intelligently selects and correctly formats columns to display in detail mode.

–> If you could provide the vertical-align CSS for the responsive extension, that would make it a really good and complete solution…it’s clearly the better extension.

• This reply was modified 6 years, 11 months ago by IMTanuki.
• This reply was modified 6 years, 11 months ago by IMTanuki.

Tobias,

First of all, you provide awesome support – I just donated.

The color changes work perfect. One additional question – trying to get vertical alignment consistent with the row data. I added “vertical-align…” to each section of the CSS you provided, but the expand / collapse button still looks like it’s top-aligned in each row:

.tablepress.dataTable.dtr-inline.collapsed > tbody > tr[role=”row”] …
.tablepress.dataTable.dtr-inline.collapsed > tbody > tr[role=”row”] …
background-color: #b3b3b3;
vertical-align: middle !Important;

Any way to implement vertical align for the button?

Again, thanks for the great support!

Judging by the reviews, Health Check plugin is not exactly stable.

Form works fine w/o check boxes. I don’t think its a plugin compatibility issue.

• This reply was modified 6 years, 12 months ago by IMTanuki.
• This reply was modified 6 years, 12 months ago by IMTanuki.

@aeonflow

I’ve been running into this with both UM 1.3.88 and 2.0. I don’t think it’s intended – if the admin changes a PW on behalf of a user, the user has to be notified, albeit ideally with a different msg stating that the user’s PW was changed by the admin.

IDK, does that make sense?

Your intentions are genuinely appreciated…just given the current security issues across the board, I don’t give out credentials other than thru a vendor’s support ticket system…

So far, 2 issues resolved via the upgrade to 2.0.

UPDATE

HOME PAGE
– Blue Host installed / activated (unannounced) Endurance cache level 2…that did a number on UM functionality. Deactivated Endurance cache…selecting home page now accurately interprets user’s login status. RESOLVED

DISPLAY FIELD NAMES
– outstanding

QUIRKY LOGIN LOGIC
– Not sure if this is a UM 2.0 enhancement, but there are 2(?) settings that govern post-login redirects. Setting both resolves what happens post-login (user is redirected to home page or, if the login was triggered by UM visibility logic on a page/post, user is redirected back to that page). RESOLVED

CLOSE LOGIN FORM
– I think this is a design issue. UM login / register forms are implemented as elements on a page and, to the best of my knowledge, you can’t “exit” a page.

There is a “close” function on the pop-up message when you update profile / account info, but that only closes the message. I think the desired behavior should be the same as login (i.e. on successful update, navigate to either home page or previous page, if registration was triggered by visibility rule on page x).

OK, 2 out of 4 RESOLVED.

Actually, I don’t a UM-like content control/visibility function will work with popups – both are competing with each other…the popup fires before the UM logic, so UM will never fire…

I put the UM visibility control on the underlying page (where the popup fires) and it works much better.

2.0

OMFG…Blue Host unannounced installed Endurance Cache. I set the cache level to 0 and now it works!

Thanks!

Resolved