Navbar Link Popup (D-NLS)

[Lynx]

Current Version: 1.0.1

Key(s) Used: (none)

Popup Dimensions (minimum settings for height and width):


Autoform for adding links for different boards (navbar link name, popup title, popup content and what board(s) are affected):


Plugins > Support Thread board (note navbar link name):


Plugins > Request A Plugin board (note navbar link and popup title and contents):


Templates > Request A Template board (note that navbar link and popup title and contents match the above image):

Description:
This plugin is a variation of the Board Popup plugin. However, instead of automatically displaying a popup every time a specified board is visited, this plugin will, instead, add a new link to your navbar. This link, when clicked, will then display the popup box.

The popup's minimum height and width are configurable. You can add more than 1 board on the same popup (useful if more than 1 board will have the same popup content displayed). The popup's Title and Content are configurable and the popup's Content allows for HTML.

The appropriate link will only be added to the navbar when visiting a board that calls for one (as set in the UI). If on a board that's not listed in the UI to have a popup link, no link will be added.


WARNING:
Having 1 board add multiple links could very well crowd your navbar and may even push navbar links to a second line. Please keep this in mind when deciding if you are going to have a single board adding multiple navbar links.


Changelog:

SPOILER: Click to show

1.0.1 - Added in navbar background and text color per link. Also removed a stray text message in the UI.
1.0.0 - Plugin finished.

[Lynx]

I've submitted Version 1.0.1 to the library. This version now adds background and text color options for the navbar link:

I'll update my first post if / when it gets approved.

EDIT: Version 1.0.1 now in the library.

[mudgiemoo]

kaydev.freeforums.net/

I have the Nav Bar Links Popup installed and working beautifully. However, I am changing the theme of the forum and want to change the background and/or text and links colour within the popup. I imagine I would do this is the Themes/Advanced Styles page but cannot see where this would be changed. Could you advise please

TIA

[Lynx]

Nov 26, 2019 4:20:59 GMT -8 mudgiemoo said:

kaydev.freeforums.net/

I have the Nav Bar Links Popup installed and working beautifully. However, I am changing the theme of the forum and want to change the background and/or text and links colour within the popup. I imagine I would do this is the Themes/Advanced Styles page but cannot see where this would be changed. Could you advise please

TIA

There are a few ways to accomplish this. The first method will change all popup content areas that have the same class on that theme. This would go into the bottom of your stylesheet for that theme:


.ui-dialog-content {
  color: #000000;
  background-color: #ffffff;
}
.ui-dialog-content a {
  color: #ffff00;
}


replace the #000000 with the desired text color and replace the #ffffff with the desired background color and replace the #ffff00 with the desired link color.

---

To achieve the same thing, but only for the Navbar Link Popup, you need to do 2 steps. The first step is to add a class (or classes) within the confines of the Popup Content box in the plugin's UI. For example (this would go into the plugin's UI > Links tab > Popup Content box):


<div class="myClass">
This could just be some text and a <a class="myLink" href="full_URL_link">link</a> in the Popup Content box.
</div>


You'll need to wrap the whole thing in a <div> to affect the entire text color and background color. In this case, we added a myClass to the <div> that we can target. We also added a class, myLink to the <a> tag so we can affect our link color. So, for the 2nd step, the following would need to go into that theme's stylesheet at the bottom:


.ui-dialog-content.myClass {
  color: #000000;
  background-color: #ffffff;
}
ui-dialog-content.myLink {
  color: #ffff00;
}


Again, replace the colors with your desired colors.

---

This 3rd option can be adjusted per link's popup. Since the Popup Content box accepts HTML, you can set the colors in the popup for each link. This would go into the Popup Content box, and can be different for each link:


<style>
   myClass {
       color: #000000;
       background-color: #ffffff;
   }
   a {
       color: #ffff00;
   }
</style>

<div class="myClass">
   Text and <a href="full_URL">link</a> in Popup Content.
</div>


The <style> tags will only affect what is in that link's popup.

---

You can also use a combination to get your desired affect - it all depends on how exactly you want it to look in the end.

[mudgiemoo]

That's fantastic, thanks so much for your help!

[Diov H]

Thanks so much for this! Just a question - will it ever be available for the Home page in the future?

[Lynx]

Dec 11, 2019 23:24:12 GMT -8 Diov H said:

Thanks so much for this! Just a question - will it ever be available for the Home page in the future?

I can probably add a Home page option next time I do an update.

[sef1268]

I have the same question as the previous poster: Is there any way to push this to the Home Page as well? Otherwise, love the plug-in!

Many thanks.

[Lynx]

Jan 14, 2021 16:44:10 GMT -8 sef1268 said:

I have the same question as the previous poster: Is there any way to push this to the Home Page as well? Otherwise, love the plug-in!

Many thanks.

With V6 in closed beta right now, this probably won't be updated until after V6 launches. Sorry. I do have it on my list of additions for it, though.