Okay
  Public Ticket #3393815
Selective detail page
Closed

Comments

  • Jorge Faz started the conversation

    Hi. 

    I´m just about to buy Master Detail Page add on but before that I want to know if it does what I need.


    I have a table with a lot of training records, users must be able to go to a detail page only when the training has been accredited, so master detail page must work only when the cell says "ACREDITADO" but not when it says "NO ACREDITADO".

    Is it possible to have master detail page add on to do that?


    Regards


  •  1,689
    Miloš replied

    Hi, Jorge.

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    -

    This is a very interesting use-case.

    Yes, i believe i have a good idea what you can do to achieve this.

    This can be done with a workaround,

    a combination of our Conditional Formatting and adding Custom CSS.

    And we also have to set the "action" for opening the "more details" to "Open Details on" : Button Click,

    so then the add-on will add a new Column for "details button".

    4055853341.png

    Here is my example table.

    If i have this "conditional column" and add two possible values into it.

    1. Open More Details

    2. Do NOT open More Details

    8852002827.png

    Then i can use a part of the string in a Conditional, for example :

    If any cell from this column contains "Do NOT open", then add a custom CSS to this entire row.

    5133695027.png

    I name this class "disableLink",  so this custom CSS class will be added to each row that has a cell that contains part of the string as "Do NOT open".

    ( In your case, you can just tell the condition to look if the cell value is 'NO ACREDITADO' and you can use any custom class name as you wish)

    -

    Then we will also add an additional CSS Class to this "masterdetail" column which holds the Master Details button.

    I name it  "moredetails" , but you can use any CSS class name you wish.

    8677576638.png

    Now, in the end, i add this custom CSS, which will be applied only for rows that have the "disableLink" class,

    and also in this row, just for the cells that have "moredetails" class,

    so we will 'target' just the "more Details" buttons of these specific rows.

    Here is the CSS : 

    .disableLink .moredetails {
      color: currentColor;
      cursor: not-allowed;
      opacity: 0.5;
      text-decoration: none;
      pointer-events: none;
    }
    
    2735384102.png

    And here is the result in my Table :6861729990.pngAs you see, now all the affected "master detail buttons" are grayed out and they can not be clicked on,

    only for these rows that match the condition i set.

    -

    The custom CSS code can be added either only to a specific table, in Customize/Custom CSS,

    or if you wish to apply the same style to all tables ( for any tables that you add these classes on),

    then add this CSS to main plugin settings/Custom Js and CSS/Custom CSS.

    Let me know if that helps.smile.png

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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