Okay
  Public Ticket #3380993
batch page
Closed

Comments

  •   MeesterGijs started the conversation
  • [deleted] replied

    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 


    .batch-stats .leaderboard {
        max-width: 850px;
        overflow-x: auto;
    }

  •  12
    MeesterGijs replied

    What does this code do?

    Unfortunately, this didn't bring back the numbers:

    6950870156.png

  • [deleted] replied

    hi this shrinks the size of table which is causing issue . 

    check the result : 

    1157023673.png


  •  12
    MeesterGijs replied

    Can we make both tables with results full width without displaying outside of the devices screen like it was before. So fill these red windows:

    4143298522.png


  • [deleted] replied

    I tried but this is not working for now . 

    We need to add some fixed width to the parent container for this . 

    We wil try to fix this in future updates of vibebp plugin .

  •  12
    MeesterGijs replied

    Yes, that is possible? Maybe my developer can give a go. If he has I fix, I'll let you know. And when you have a fix, I will see it after updating vibeBP plugin.

    Gijs

  •  12
    MeesterGijs replied

    My developer didn't understand how it was coded. Are you able to fix this?

  •  390
    Ripul replied

    So we're using the tabulator table library for this. 

    The table comes with its own scroll. So not sure if this is an issue.

  •  12
    MeesterGijs replied

    Alex's reply: "We wil try to fix this in future updates of vibebp plugin ."

  • [deleted] replied

    yes we have to provide a fixed width to the container vibebp_member div I will discuss this with Mr.vibe.

  •  12
    MeesterGijs replied

    Hi Alex,

    Two weeks later now. Have you discussed a possible solution (container vibebp_member div) with Mr. Vibe?

  • [deleted] replied

    no we are busy with bp 12.0 update issues.

  •  12
    MeesterGijs replied

    How about now?

  • [deleted] replied

    Not yet 

  •  12
    MeesterGijs replied

    All the best to you and your family. Hope you're doing well!

    Question. Have you had the change to have a look at this ticket?

  •  12
    MeesterGijs replied

    All the best to you and your family. Hope you're doing well!

    Question. Have you had the change to have a look at this ticket?

  • [deleted] replied

    Actually we are occupied buidling wplms as a Saas product on a totally latest platform with nextjs which will be faster than current system and capable of handling more than 5000 students concurrently , We have you a custom css fix for this which i think would work meanwhile we fix this issue.

  •  12
    MeesterGijs replied

    A new system? You went to WPLMS 4 two years ago. Does that mean a lot has to be changed again when having a lot of customization?

    And what is that custom css fix to solve the issue with results grid? I want that, please.

    Gijs

  • [deleted] replied

    yes its totally new system but the setting will be the same , at staring there will be less settings but gradually we will add more setting but that system will be much faster robust and can handle a lot of data .


    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 


    .vibebp_sidebars .vibebp_main{
        max-width: calc(100% - 240px + 3rem);
    }

  •   MeesterGijs replied privately
  • [deleted] replied

    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : .

    .leaderboard { overflow-x: auto; }
  •  12
    MeesterGijs replied

    Doesn't work. Feels like that whole leaderboard is something that should be rebuild from scratch. Agreed?

    Course grid still goes beyond the limits of device and all I get is two scroll bars at the bottom:

    3357254820.png


  • [deleted] replied

    Please try clearing your cache first .

  •  12
    MeesterGijs replied

    I did that. Still didn't change anything. Do you agree that the setup of those grids are not ideal/responsive?

  • [deleted] replied

    Hi please share in which batch I can find both the tables currently im checking batch but the table showing upper small stats are not visible , i guess no students have finished the course .



    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 


    .leaderboard { overflow-x: auto !important; }

  •  12
    MeesterGijs replied

    I've added you as admin (username: alexwplms) to batch 3A2. And select course: Bijwoorden. Than change framesize to small to see what I shared.

  • [deleted] replied

    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 

    .tablebox .content{
        overflow-x: auto;
    }
  •  12
    MeesterGijs replied

    Sorry. Still doesn't work. I now see that I can actually move the table from left to right. But nothing shows me that I can. I miss a scroll bar at the top of bottom of that first table grid

  • [deleted] replied

    Hi this is a table of variable width and we cannot actually fit it in all cases. 

    We can only make it scrollable for smaller devices .

  •  12
    MeesterGijs replied

    We have been talking about smaller devices this whole time. Can you make it scrollable for smaller devices, please? What code is needed?

  • [deleted] replied

    hi already added the scorllbar : 

    https://somup.com/cZn3oDpyAg

  •  12
    MeesterGijs replied

    Correct. But the grid has no border on the right. And nowhere does it say that you can scroll left to right. It's very messy. Is there a way to fix this?

  • [deleted] replied

    currently there is no way to fix it .

  •  12
    MeesterGijs replied

    Is it something you can add to the list of client wishes? I think it would improve the teacher experience...

  • [deleted] replied

    yes we would like to improve it but its not easy to create responsive tables .we need to use library for that.

  •  12
    MeesterGijs replied

    Library? What does that mean? Sorry for continueing this ticket...

  • [deleted] replied

    yes for tables there are many js libraries for responsive tables we need to use them currently we are not using any using simple html tables .