SearchPane filter select wrong style

SearchPane filter select wrong style

TomCorrTomCorr Posts: 24Questions: 3Answers: 0

Hi, im using SearchPanes, on the official website flter selection looks like this:

And in my site it looks like this:

Any suggestions?

Thanks

This question has an accepted answers - jump to answer

Answers

  • kthorngrenkthorngren Posts: 20,277Questions: 26Answers: 4,766

    Looks like a CSS issue. Does the top row show on the right when not selected? Can you provide an example replicating the issue so we can look?
    https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

    Are you adding classes to the Search Panes?

    Kevin

  • TomCorrTomCorr Posts: 24Questions: 3Answers: 0

    No classes, i think it might be Metro Framework,

    live.datatables.net/yodikaxa/1/edit

  • colincolin Posts: 15,142Questions: 1Answers: 2,586

    I've updated the example here to show it - the panes look wrong even before the selection. We'll take a look and report back.

  • TomCorrTomCorr Posts: 24Questions: 3Answers: 0

    Thanks for the quick reply Colin,

    Just to make sure you detected i'm using Metro UI as well,

    I'll await your report.

    Cheers

  • colincolin Posts: 15,142Questions: 1Answers: 2,586

    It may take a few days, I'm afraid, but we will get back. Sandy, who will look into this, works part-time so we have to wait until one of his on days!

    C

  • TomCorrTomCorr Posts: 24Questions: 3Answers: 0

    No problem Colin,

    Thank you

    Tom

  • TomCorrTomCorr Posts: 24Questions: 3Answers: 0

    How do i know a Release has been pushed??

  • colincolin Posts: 15,142Questions: 1Answers: 2,586

    There's no easy way I'm afraid, it's just a case of checking the release versions on the Download page.

    Colin

  • sandysandy Posts: 913Questions: 0Answers: 236
    Answer ✓

    Hi @TomCorr, I've just taken a look at this for you.

    As was identified earlier in the thread - it was indeed the metro framework that was causing the issues. I made a couple of changes and it is slightly improved now - example.

    Metro was adding in some weird stuff which was messing with the spacing of the rows and panes. As for the blue box, I have managed to remove the tick and some of the blue border, however some remains. This is also a Metro design feature. All of the changes that I made are in the CSS section of the live page.

    I'm can't find the source of the remaining blue colour on a selection, but I am sure it is in there somewhere, you will just have to do some digging!

    Hope this has helped,
    Sandy

  • TomCorrTomCorr Posts: 24Questions: 3Answers: 0

    Thanks so much Sandy

This discussion has been closed.