Conditional display




  • Avatar
    Andrea Ardovini


    I followed the simple instruction for "1 - Display element B if element A is empty" which is something I wanted to do for a very long time.

    I did a super simple 2 colum table in google Sheet with the student name and the grades


    Then added the template as you said


    But is not working, this is the result in AwesomeTable:


    What I am doing wrong?



  • Avatar
    Awesome Table

    Hello !


    Sorry for the not so quick response.

    I think that your issue comes from a class/id definition.

    In your html no_grades is a class and in your css you write :  ".grades:empty +  #no_grades". It should be ".grades:empty +  .no_grades".


    Let me know if that fixed your issue !


  • Avatar
    Randolph Abelardo (Edited )

    Nice catch, Nicolas !

    It's also great that Andrea tested this because your solution showed that there's a typo in the CSS given - image 1 below.

    Also, the same typo can be found in the Display element B if element A's src is empty CSS - image 2 below

    Hoping that these gets corrected soon. Thanks.


    image 1


    image 2

  • Avatar
    Awesome Table

    Hi Randolph,

    Thank you, I didn't notice that the issue came from our end ! I just fixed that ! Thank you.


    Thank you,


Please sign in to leave a comment.