It seems that the Link extension does not work with Beta7. I upgraded to new beta and when I activate the extension and return to the start page of my flarum forum I get the message "Something went wrong opening the website". When I deactivate the extension then everything works fine again.

    moter thanks for this, very useful informations, do you mind send a PR in github? it should be easy.

    flarumr I've just tested it with beta7 and it works fine. did you recached Flarum? it might be an issue with that. also please check out your browser console to make sure it there's any error or warning.

          Hi Sijad, are there any plans to have permissions for each link? For instance I( have a link for Flagrow's member list, would like it to be only visible to members.

          My apologies if this has already been asked I haven't read the whole thread.

            sijad Thanks for your advices. I cleared the cache of Flarum and of my browser and it works. It was indeed a caching problem.

              wignu
              Its on the todo list:

              TODO List
              •Add sub items
              •Add permission

                  SMalt Thanks for that, managed to magnificentky not see that ?

                    6 days later

                    What about Font Awesome in links? It would look brilliant. ?

                      6 days later

                      @sijad Stunning extension, good job.

                      I think you should mention that browser cache should be cleared and this should be ran in the flarum root dir.

                      php flarum cache:clear
                      11 days later
                      5 days later

                      KlebersonRomero It is possible to add FA icons before the text using Custom CSS/LESS due to each item-link generating a unique class after being created through the extension's UI.

                      Example:

                      item-link1
                      item-link2
                      item-link3
                      item-link4
                      etc.

                          Ralkage Could you explain more, maybe provide something like step by step tutorial? I really don't get it. ;| Especially what to put into extension fields... You don't need to be so accurate, just write main things, so we could google the rest. ?

                              Veriael Especially what to put into extension fields...

                              Once you have the link extension installed, you will find a section links in the administration. Her you can manage your links (add, edit, delete). Adding a link just needs a title and URL. Furthermore you can mark, if it's an internal link and whether it should be opened in a new window.

                              The generated dom node for your links looks like:

                              <li class="item-link1">
    <a class="LinksButton Button Button--link" target="" href="..." title="...">...</a>
</li>

                              The second link will have the class item-link2 and so on.

                              You can easily apply CSS rules to that link e.g.

                              .item-link1::before {
    font-family: FontAwesome;
    content: ...
    font-size: ...
}

                              Hope this helps.

                                  8 days later

                                  Veriael Could you explain more, maybe provide something like step by step tutorial?

                                  Here is the CSS, in order for each (Home, Following, Members)

                                  Just add to the Custom CSS under Appearances.

                                  .item-link3 .LinksButton.Button.Button--link::before {
    content: "\f015";
    font-family: fontawesome;
    padding-right: 5px;
    font-size: 15px;
}

.item-link1 .LinksButton.Button.Button--link::before {
    content: "\f005";
    font-family: fontawesome;
    padding-right: 5px;
    font-size: 15px;
}
.item-link2 .LinksButton.Button.Button--link::before {
    content: "\f007";
    font-family: fontawesome;
    padding-right: 5px;
    font-size: 15px;
}

                                      sheldon

                                      An even better solution, because you make the icon part of the link whereas in my solution it was not.

                                        sheldon Yeah, it looks really, really better than @Pollux one, but I thank you both for your help. ?

                                          25 days later

                                          Would it be possible to move the search input field on the mobile view to the top?

                                          Meaning:
                                          1. Search Area
                                          2. Custom Links
                                          3. System Links

                                          I think this would be visually more attractive. Any thoughts about it?

                                          23 days later

                                          warpunish Can i get any help ?

                                          Sure, so what is your question?

                                          Keep in mind: Some more information what you already did, what the outcome was and what you want to achieve will always be immensely helpful.

                                              Pollux I tried adding

                                              .item-link1::before {
                                              font-weight:bolder;
                                              color: White;
                                              padding-right: 5px;
                                              font-size: 15px;
                                              }

                                              to custom CSS under Apperances page but it doesn't change a thing. What i want is, more distinct links in my navbar. Right now my link looks weak and they dont draw attention.