Shoutbox Mod for vBulletin 5 & 6

[hyper22]

Another question, just for peace of mind. Are inputs sanitized/protected against things like sql injection?

[glennrocksvb]

Kubes, I responded to your question in the Shoutbox. You can add the Shoutbox module on any page or on any section on a page just like most of the built-in modules.

[Kubes]

This is super exiting for our communities!

[glennrocksvb]

More v2.0 updates coming soon!

1. Toolbar buttons now provided for Bold, Italic, Underline, Quote, Emoji and Smiley
2. New configurations for displaying the latest messages at the top and the message input box to the top.
3. …and more!

See progress at:

What are you waiting for, get this mod...

[Mikk]

i paid mod but forbidden error came what now how i can get product?

[Mikk]

Just I wonder i use venus style by sultantheme and light one is nice one and fit wonderfully but dark one is little bit ... need fix?

[glennrocksvb]

If you have custom themes, you can customize the Shoutbox style using custom CSS in css_addiotional.css template for that theme. I can help you with that.

In a future release, I will make customization easier by adding stylevars

[glennrocksvb]

I'm excited to announce that Shoutbox v2.0 is installed here for testing purposes.

Check it out at:

https://vbmods.rocks/shoutbox

here are still some minor styling issues but I think it is generally working. Please let me know if you find any issues.

[glennrocksvb]

Just I wonder i use venus style by sultantheme and light one is nice one and fit wonderfully but dark one is little bit ... need fix?

Mikk, add this in css_additional.css template for the Dark theme:

/* Shoutbox Custom CSS - START */
.canvas-layout-container .canvas-widget.shoutbox-widget {
    background: #090f16;
}
.shoutbox__message-text {
    background: #121d2a;
}
.shoutbox::-webkit-scrollbar-track,
.shoutbox__smiley-picker::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.4);
}
.shoutbox::-webkit-scrollbar-thumb,
.shoutbox__smiley-picker::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.9);
}
/* Shoutbox Custom CSS - END */

[glennrocksvb]

The css_additional.css template can be edited in 2 ways:

Sitebuilder:

1. Toggle Edit Site to ON.
2. Click Style
3. Click CSS Editor tab.
4. Select the style you want to update in the Style dropdown.
5. Select css_additional.css in the Template dropdown.
6. Select Full in the Type dropdown.
7. Paste the custom CSS to add.
8. Click the Save Changes button.

AdminCP:

1. Navigate to Styles > Style Manager.
2. Scroll down to the target Style
3. Select "Edit Templates" in the "Choose Action..." dropdown.
4. Double-click "CSS Templates >>" to expand this section.
5. Double-click "css_additional.css" template.
6. Paste the custom CSS to add.
7. Click the Save button.

[glennrocksvb]

Mikk, I checked how your dark theme is implemented. Here's the updated CSS code to use.

/* Shoutbox Custom CSS for Dark Theme - START */
html[data-theme=dark] .canvas-layout-container .canvas-widget.shoutbox-widget {
    background: #090f16;
}
html[data-theme=dark] .shoutbox__message-text {
    background: #121d2a;
}
html[data-theme=dark] .shoutbox::-webkit-scrollbar-track,
html[data-theme=dark] .shoutbox__smiley-picker::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.4);
}
html[data-theme=dark] .shoutbox::-webkit-scrollbar-thumb,
html[data-theme=dark] .shoutbox__smiley-picker::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 4px rgba(255, 255, 255, 0.9);
}
/* Shoutbox Custom CSS for Dark Theme - END */

[glennrocksvb]

I'm thrilled to announce that I have released Shoutbox v2.0

New features added:

1. Toolbar buttons provided for inserting Bold, Italic, and Underline.
2. Toolbar buttons provided for inserting Quote, Emoji, Smiley, Image and User Mention.
   1. For mobile and tablet devices, the Emoji button is not present since inserting emoji is already available in the virtual keyboard.
   2. Quote button is also available above each message to be able to easily quote an existing message.
3. URL Preview is also available if you enabled it in Settings > Options > BB Code Settings. It should work the same way it works in forum posts where it shows URL Preview if the URL is in its own line.
4. You can configure to show the latest messages at the bottom or the top.
5. You can configure to show the message input box and toolbar buttons at the bottom or the top.
6. You can configure which usergroups can delete any messages.
7. You can configure which usergroups can delete their own messages.
8. You can configure to show or hide the avatar.
9. You can configure to show or hide the online status icon.
10. The message input box auto-grows as you type your message with multiple lines.
11. For mobile and tablet devices which don't have a Shift key in the virtual keyboard, pressing the Enter key inserts a line break instead of sending the message. This allows mobile and tablet users to insert a line break in the message. For desktop, pressing the Enter key still sends the message and pressing Shift+Enter inserts a line break.
12. When you update a setting in Settings > Options > [vBMods.rocks] Shoutbox That Rocks Settings, users who already have the Shoutbox module loaded will be automatically prompted to reload the page for the changes to take effect.

Customers who have purchased this product should receive an email confirmation containing the download link.

[Snowhog]

How system resource intensive is this MOD? What impacts on system performance can be expected?

[glennrocksvb]

Snowhog, thanks for your inquiry.

The Shoutbox mod is designed to be efficient and to have minimal impact on system resources. Key features that contribute to its performance include:

1. Polling Frequency: The mod checks for new messages based on a configurable polling frequency (X seconds). This interval can be adjusted to suit your needs.
2. Message Deletion: Messages older than the configured X days are automatically deleted to prevent excessive data buildup. In addition, Administrators can manually delete any messages at any time. Message authors can also delete their own messages. This flexibility helps maintain a clean and manageable Shoutbox while further reducing the risk of unnecessary system load.
3. Flood Check: The mod includes a flood check setting to prevent users from posting messages in rapid succession. This feature ensures that the system is not overwhelmed by multiple posts in a short period, promoting better user behavior and reducing the risk of spam or excessive load.
4. Page Visibility: When the page containing the Shoutbox is hidden, the polling frequency is paused, reducing resource usage when the page isn't in use, further conserving system resources during inactive periods. The page is hidden when user switches to another browser tab or application, or minimizes the window.
5. Maximum Message Length: You can configure a maximum message length for posts, preventing overly long messages from affecting system performance and ensuring consistent user experience.

In summary, the Shoutbox plugin offers a resource-efficient and flexible solution with configurable options for polling, message deletion, flood checks, and message length. These features help to keep the system running smoothly while offering administrators control over content management and user behavior.

[Mikk]

Sorry, you do not have permission to view Shoutbox messages. Please log in to gain access, or contact an Administrator for further assistance.

Just me or ?