Show Preview Field without click

PHPMaker General Discussion (PHPMaker)
1

I am using a Preview Field and the Preview Field are showing when I click the Row on the list.I would like to show the Preview Field just below each row without clicking on the row.

2

You may Inspect HTML element and add your own CSS styles (look for the CSS class “expandable-body”).

3

Here I hope I have to change the
aria-expanded=“false”
to
aria-expanded="true"or


to

and how to disabled the click option for the row.

4

You may remove the “click” handler added by AdminLTE, e.g.$(document).off(‘click’, ‘[data-widget=“expandable-table”]’);

5

To make the aria-expanded = true
I put the code -$(‘#r2_Reimbursement’).attr(‘aria-expanded’, ‘true’);this effect only the r2 row. How can I make it effected to all the rows.

6

arbei wrote:

You may > Inspect HTML element and add your own CSS styles > (look for the CSS class “expandable-body”).

You should use a correct CSS selector.

7

I got the CSS as below

<table id="tbl_Reimbursementlist" class="table table-bordered table-hover table-sm ew-table" data-isset="true">

<tr class="bg-danger" data-rowindex="2" data-key="2" id="r2_Reimbursement" data-rowtype="1" data-inline="false" data-widget="expandable-table" aria-expanded="false">

<tr class="bg-success" data-rowindex="3" data-key="3" id="r3_Reimbursement" data-rowtype="1" data-inline="false" data-widget="expandable-table" aria-expanded="false">

for every row it has a unique id.
Please kindly help how can I change this aria-expanded to TRUE using User CSS

8

You may learn CSS Attribute selectors.