Giter VIP home page Giter VIP logo

Comments (4)

elchininet avatar elchininet commented on June 16, 2024 1

I am checking your JSON file, I see the same in almost all of them, but let me take some:

{
    "item": "ui-overzicht",
    "order": 1
},
{
    "item": "ui-instellingen",
    "order": 2
},
{
    "item": "ui-data",
    "order": 3
},

These items will not match anything, there are no items in your sidebar with text ui-overzicht, ui-instellingen or ui-data. I think that you are trying to match by data-panel but you have not defined it in the matcher.

Just to be sure that there is a match, set the property name to something else, if the names dont change, it is not that the order is not respected, it is that it didn‘t match any item.

from custom-sidebar.

elchininet avatar elchininet commented on June 16, 2024

About this:

adding a closing / on these hrefs made them move in Safari correctly, which is now 100% as it was hoped for:

I need to see your hrefs in Chrome and Safari to see if they are the same, make an screenshot of the HTML structure to check those parameters.

from custom-sidebar.

Mariusthvdb avatar Mariusthvdb commented on June 16, 2024

right!
I figured if no match was set, your plugin tried to mach any of the 3 options.....

if now adjusted it accordingly, and added

"match": "data-panel",

to those, and look what happened:

Scherm­afbeelding 2024-01-25 om 22 24 06

a perfect match ;-)

closing here, as in fixed!

attaching the current json file for reference:

sidebar-config.json

btw: that closing / on those href can be left out now, the order is correctly respected

from custom-sidebar.

elchininet avatar elchininet commented on June 16, 2024

Perfect, good to know 👍

from custom-sidebar.

Related Issues (8)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.