Okay
  Public Ticket #3225224
Editing Modal
Closed

Comments

  • Daniel Kim started the conversation

    Hi, really cool professionals.
    Your product showed me new possibilities. I will be able to introduce new features to all my customers.
    The number of columns has increased, so the modal window hiding function has been added.

    But I need another function for the modal window, can you help me?

    1. How do I hide a column in the modal window according to its conditions?
    Example) Column 1: "Plant", "Animal"
    Column 2: "Orange", "Apple"
    Column 3: "The Lion"
    => If you write "animal" in column 1 in the modal window, column 2 should be hidden.

    2. How can I hide only the columns I want from the modal window?

    3. How do I use the check box and drop-down method in the modal window?
    (Like check boxes and drop-downs on Google sheet)

    Attached files:  스크린샷 2023-02-06 오후 6.45.41(2).png

  •  1,850
    Miloš replied

    Hi, Daniel

    Thanks for reaching out to us.

    We are glad that you like the plugin so far.smile.png

    -

    In regards to the questions :

    1. I am really sorry to disappoint you, but with any current plugin's built in capabilities, it is not possible to implement a conditional rule that might make any column hidden from editing.

    We do have Conditional Formatting for tables,

    but this can not affect hiding or showing columns in the Editing Modal.

    At this time, we don't have any built-in solution to achieve this, but you can suggest it to our developers - they will do their best to make a solution in the future.

    Please feel free to search on our suggestions page

     to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

    You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

    and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

    -

    If you have coding skills and wish to try to make a custom solution now,

    you can check out our available hooks for Developers on this documentation and see if you can find any hook that might help.

    Please be advised that custom solutions with hooks are not included in our support.

    You can also research resources such as Stack Overflow to see if any other user perhaps found a workaround.

    ( We do like to give examples for certain solutions, but for this use-case, we, unfortunately, don't have anything yet)


    2. For hiding columns from the Editing Modal;

    it depends exactly what your goal is.

    For example, if you disable editing for that column, in the Column settings, Editor type / set it to "none" - it will then not appear in the modal.

    1133289258.png

    Or, if you wish to allow editing, but hide it with CSS,

    for example - if we wanted to hide this ID column from editing,

    you can inspect the HTML of this page - find the right selector by first clicking to this arrow on the left side :

    9517657053.png

    then, select this entire row that holds the id editing element,

    right click the highlighted HTML element, and go right click / Copy Selector,

    then paste it , and add this property :  Display : none !important;

    #table_1_edit_dialog > div.row.wdt-edit-dialog-fields-block > div:nth-child(4) {
        display: none !important;
    }
    2691585804.png


    In this case, nobody will be able to edit that column's value on the front-end and it will not appear in the Edit modal.

    Then add this CSS to table's Customize/Custom CSS.

    You can use the same method to hide any other additional columns like this.


    3. Sorry, but we also do not have any possibility to use checkbox for Editing at the moment.

    You can use a multi-select box , though. Go to the column settings, Editor Type and choose "multi value selectbox".

    9415761446.png

    You can see more about all available Editor types here.

    -

    Let me know if you have any additional questions about what we covered here;

    or if you have new/unrelated questions, please open a new ticket and we will be happy to answer.

    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 | 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