| # |
Post Title |
Result Info |
Date |
User |
Forum |
|
Strange jump down the screen when logged in...
|
11 Relevance |
1 year ago |
Jupiter |
How-to and Troubleshooting |
| |
I am having a strange issue. When a user is logged and visit certain WPForo pages on my forum, the screen jumps down below the header. But only when logged in. For guests, this behavior doesn't happen.
For instance on the Recent Posts Page...
Here is how the top of the page looks for Guests/Logged out users. You can see the entire top of the site and there is no automatic scroll.
Here is how the top of the page looks for Logged IN users. The top of the page becomes breadcrumb and you need to manually scroll up to see the main header/menu.
What could be causing something like this to happen? I am a bit baffled on it. (And sick of manually scrolling back up to get to the header/menu.) |
|
Suggestion regarding Threaded layout.
|
11 Relevance |
6 years ago |
zmgma |
General Discussions |
| |
I have suggestions for better UI of threaded layout.
1. Modifying UI of threaded layout - Adding "Likes" row besides "Replies" row
"Likes" row can let users know how much topics are popular and it can be extended to widget like WPdiscuz's widget does.
2. Widget
Like Wpdiscuz widget,
Tab1 - Most Liked Topic(except replies)-time frame-(1day, 1week, 1month)
Tab2 - Most Commented Topic based on the number of replies-time frame-(1day, 1week, 1month)
Tab3 - Most Trending Topic based on the view counts-time frame-(1day, 1week, 1month)
Tab4- Most Liked Replies-time frame-(1day, 1week, 1month)
3. Modifying Replies UI:
1) Adding filters and search bar before replies so that users can search with ease when there are a lot of replies. Wpdiscuz does:
2) Remove reply's title - It does not helpful at all, and it prevents from exact search results. Like other forum plugins, reply's title is not necessary. Please remove reply's title entirely.
4. Modifying Search Features:
1) Advanced search option: - Add option to filter: "Search Topics' Title Only", "Search Topics' Body Only", "Search Topics Entire", "Search Replies' Only" and it would be great "Search Topics' Title Only" or "Search Topics Entire" as a default option.
2) Please select the current forum automatically, while searching, not entire forums:
3) "Sort Search Results by: Date" as a default option please, not relevancy first:
5. Move "Add topic" on the front page:
In the front page, "Add topic" exists on the thread layout forum only. Move this button to the above forum category so that users can add a topic at any category, not only in the thread layout forum.
6. Make category have various layouts: Layout which inherit from parent category limit the style of forums.
7. Trivia things to fix
1) <div class="wpf-topic-visitors"> HTML block under the <div class="wpf-topic-navi"> is left even I turn off the "Current viewing" option.
2) When the main category has only one forum, "Forums" navigation is not required.
3) Like previous case, if there's one forum only, there's no necessary to select forum while adding a topic in the category layout.
4) I turned off the Subscription option from members, however, Subscription is left under the "My profile" tab and Buddypress tab.
5) There's no option to remove "Unread Posts":
6) Buddypress notification is not cleared(removed) after I clicked the notification regarding new replies on my topic.
I hope you support those things for better UI and UX.
Many many thanks for your great plugin. I cannot thank you enough. 5 stars just isn't enough 😀 |
|
RE: Sidebar left on mobile
|
11 Relevance |
4 years ago |
Robert |
How-to and Troubleshooting |
| |
Hi @percysgrowroom,
I think you should use this plugin, put the widget before the shortcode in the forum page editor:
You should contact this plugin developers and ask them to help you to only show this widget on mobile pages.
Or you can put this code into the functions.php of your current active WordPress theme. This will add new sidebar in Dashboard > Appearance > Widgets admin page, so the widgets in this sidebar will be only displayed on the forum top area on mobile devices:
function wpforo_custom_sidebar() { register_sidebar( array( 'name' => __( 'Forum Top Mobile Sidebar', 'textdomain' ), 'id' => 'mobile-sidebar', 'description' => __( 'Widgets in this area will be shown on forum top for mobile only.', 'wpforo' ), 'before_widget' => '<li id="%1$s" class="widget %2$s">', 'after_widget' => '</li>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) );}add_action( 'widgets_init', 'wpforo_custom_sidebar' );function wpforo_custom_sidebar_area() { if( function_exists('is_wpforo_page') && is_wpforo_page() ){ if ( !is_active_sidebar( 'mobile-sidebar' ) || !wp_is_mobile() ) return; echo '<div class="wpforo-top-sidebar">'; dynamic_sidebar( 'mobile-sidebar' ); echo '</div>'; }}add_action( 'wpforo_top_hook', 'wpforo_custom_sidebar_area' );
BTW, you can use Code Snippets plugin to add custom codes. |
|
wpForo 1.9.4 / 1.9.5 are released!
|
10 Relevance |
5 years ago |
Robert |
wpForo Announcements |
| |
We've just released wpForo 1.9.4 version then 1.9.5.
Lots of bugs are fixed. The core and AJAX functions are optimized.
Important update notes
Almost all JS files are changed, so it's important to delete all caches, purge optimizer plugin caches and CDN. Then you should reset your browser cache on forum front-end by pressing CTRL+F5. If your browser is Safari/Mac press [CMD] + [ALT] + [E] on forum frontend.
If you have Minifier/Optimizer plugins please delete all caches after wpForo update.
In case you have customized forum template files and found some issues, you should update them with the new 1.9.4 version of template files.
Main Changes
Option to locate editor toolbar
When you write a long text in the topic editor you're getting far from the editor toolbar located on the top of the editor. So, each time you need to use it, you have to scroll up and click on the formatting buttons. We've added an option to move the editor toolbar from the top to bottom. Thus, it's always close to your writing area and makes it easy to use any formatting button without scrolling up and down. The option is located in Dashboard > Forums > Settings > Topics & Posts Tab. You can manage the toolbar location for topic and post editor separately.
New permissions "Can enter..." for Forum Accesses
The newly added "Can enter forum" and "Can enter topic" permissions don't allow entering users in forums or topics while letting them see the titles based on "Can view forum" and "Can view topic" permissions. In other words, you can show topic titles but don't let them enter and see posts. When a user clicks a topic link he/she see a message like "The level of your Usergroup is not appropriate" or "You need a higher level of permission to see the content".
You can read this FAQ topic to see how wpForo Forum Accesses control user accesses to certain forum based on the user Usergroup:
New Addon: wpForo Topic Prefix & Tag Manager
This addon is actually designed to make going through the forums and finding threads with the similar content a lot easier. Topic prefixes can be used to filter forums and can be combined with a keyword search to help users find what they are looking for.
In addition to lots of features, this addon allows you to add, edit, delete topic tags and convert them to prefixes.
Addon page:
New Addon: wpForo Syntax Highlighter
This addon was released a bit earlier. We've adapted the code [</>] button for inserting codes in post editor without losing indents and tabs. So, this addon will work better with wpForo 1.9.4 version for sure.
wpForo Syntax Highlighter addon displays formatted source code using the highlight.js JavaScript library in content of forum posts. This addon supports almost all programming languages including Apache, C#, C++, CSS, HTML, XML, JSON, Java, JavaScript, Objective-C, PHP, Perl, Python, Ruby, SQL, Basic, TypeScript, VB.NET with dozens of different syntax highlighting styles.
Addon Page:
Changelog:
Added: Option to control toolbar location on topic/post editor (top/bottom)
Added: Hook to enable multi-site signup functions for forum registration
Added: Hook to control image auto-embedding in posts
Added: New permissions in forum accesses `Can enter forum` and `Can enter topic`
Added: Missing phrases to wpForo phrase system
Added: Slovak(SK) and Arabic (AR) language translation files
Updated: CZ, DK, ES, HU, JA, NL, TR language translation files
Fixed Bug: Line-break issue with user Signature and About fields
Fixed Bug: Redirect back after login on non-forum login pages
Fixed Bug: Problem with AJAX powered buttons, concurrent requests are enabled
Fixed Bug: Issue with Topic Starter label when guest posting is enabled
Fixed Bug: Post likes problem in threaded layout when the Object Cache disabled
Fixed Bug: Fatal error: Uncaught TypeError: fclose()
Fixed Bug: Google reCAPTCHA problem on native WordPress login / register pages
Fixed Bug: Lots of small bugs are fixed and all AJAX functions are optimized |
|
RE: Private Forums Topics
|
10 Relevance |
5 years ago |
Robert |
How-to and Troubleshooting |
| |
@camilla,
For some reason this option was set low priority in the out to-do list. We have more than a hundred things to do with this plugin. I'll move it up in top 10 for upcoming versions. |
|
UI proposal
|
10 Relevance |
9 years ago |
serd |
General Discussions |
| |
When adding a new topic, a user may be confused (I was) by two buttons: "add topic" on top and "submit". Actually with low resolution screens only the "add topic" button may be visible without scrolling, and a user may press this button resulting in unsuccessful topic submission and loss of input. I propose to review the interface and leave only one button, i. e. "add topic", also to move it down. Please see attached. |
|
css bug
|
10 Relevance |
10 years ago |
massimo110 |
How-to and Troubleshooting |
| |
in database i find a bug:
UPDATE `wp_d327669054_wpforo_posts` SET `body` = '<p> </p><div class="content-element" style="margin: 0px 0px 10px;padding: 0px;border: 1px solid #2d89cc;background-color: #ffffff"><div class="post" id="postid-3" style="margin: 0px;padding: 0px;border: none"><div class="post-content" style="margin: 0px;padding: 0px;width: auto"><div class="post-message" style="margin: 0px;padding: 15px;width: auto;vertical-align: top"><p style="margin: 0px 0px 20px;padding: 0px"><span style="margin: 0px;padding: 0px;color: #555555;border: 0px;font-size: small;vertical-align: baseline;font-family: tahoma, arial, helvetica, sans-serif;line-height: 20.48px">La Low Level Laser Therapy (</span><span style="margin: 0px;padding: 0px;color: #555555;border: 0px;font-size: small;vertical-align: baseline;line-height: 20.48px;font-family: tahoma, arial, helvetica, sans-serif">µ-</span><span style="margin: 0px;padding: 0px;color: #555555;border: 0px;font-size: small;vertical-align: baseline;font-family: tahoma, ari[...]
i replace 1138 with auto |
|
Display "Search" but without top menu bar
|
10 Relevance |
7 years ago |
Tim |
How-to and Troubleshooting |
| |
Hi,
Please see:
I've tried to make the UI as simple as possible & I've disabled the top menu bar in WpForo. Please see screenshot.
I want to retain the search facility.
But I'm finding that the only way to have "search" is to enable "Top Menu".
Any way around this?
Thanks.
Attachment : Screenshot-2018-11-23-at-2.32.30-pm.png |
|
RE: Top menu bar displayed for guests when it\'s enabled for members
|
10 Relevance |
8 years ago |
Anonymous20 |
How-to and Troubleshooting |
| |
@Robert i have installed wpForo in my dev system, an empty Wordpress. Not a single change or plugin (apart from The Shield).
See the problem clearly for guests. |
|
RE: Notification message re-positioning
|
10 Relevance |
8 years ago |
Robert |
How-to and Troubleshooting |
| |
I'm sorry but I have no clue how this theme header cover an element with more z-index. You should ask this question to the theme developers.
As an alternative you can use this CSS code to move pop-up messages to bottom to footer.
Please navigate to Dashboard > Forums > Settings > Styles admin page and put one of these CSS codes in Custom CSS Code textarea, save it, delete all caches and do Ctrl+F5 forum front:
1. Move a little to bottom
#wpf-msg-box { top: 90px!important;}
2. Move it to footer
#wpf-msg-box { top:auto; bottom: 40px;}.wpf-msg-box-triangle-right.top:after { top:auto; bottom: -20px; right: 50px; left: auto; border-width: 0 20px 20px 0;} |
|
RE: How to remove button
|
10 Relevance |
10 years ago |
Robert |
How-to and Troubleshooting |
| |
Hi tokegameart,
please specify which menu bar do you mean? The top/main menu or the subMenu of Profile page?
The top main menu can be managed in Dashboard > Appearance > Menu admin page "wpForo Navigation" Menu. You can disable the top/main menu bar using according options in Forums > Settings > Features admin page: |
|
RE: Cannot create new forum access
|
10 Relevance |
2 years ago |
dimalifragis |
Bug Reports |
| |
Hi,
Just browing your site (in blind, because i don't understand anything), i see a lot of errors in my browser's console. Caching among that. What is /cache/ directory in your site? Who uses it? What plugin?
See the errors:
🔔 TypeError: ServiceWorker script at for scope encountered an error during installation. client.js:1:64378
Firefox can’t establish a connection to the server at wss://ws.dfktv2.com/app/anyKeyUHMhqw1tev?protocol=7&client=js&version=7.1.1-beta&flash=false. app.js:2:257335
The connection to wss://ws.dfktv2.com/app/anyKeyUHMhqw1tev?protocol=7&client=js&version=7.1.1-beta&flash=false was interrupted while the page was loading. app.js:2:257335
🔔 TypeError: ServiceWorker script at for scope encountered an error during installation. client.js:1:64378 |
|
Links Not Formed Correctly
|
10 Relevance |
5 years ago |
KellyMartinSpeaks |
How-to and Troubleshooting |
| |
Hi I'm having an issue adding links to posts, they are adding a lot of extra noise to the link so they don't form properly. I've tried several options on different posts. In the image I've attached is how my links look in the edit function, but instead they appear like this:
A">
Q"> ii w"> iii A"> iv Q"> v
Any idea how to stop this happening? I have a post I'd like to share out but can't when it looks like this.
Many thanks
Kelly
Attachment : Screenshot-2021-07-29-at-12.23.13.png |
|
RE: Add "Recent Forum Posts" where you want it
|
10 Relevance |
11 months ago |
Pablo |
How-to and Troubleshooting |
| |
@sofy i know, this was just a soultion to the problem 😉
I updated the output a bit, here is the new version in english. Styling can be done at the beginning of the code via CSS. Make sure you change the 2 URLs to your forum ones:1. 2.
<div id="rss-container-wrapper" style="display: none;">
<style>
/* General styling for the container design */
#rss-container {
display: none;
margin-top: 20px;
padding: 15px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
color: #333;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
}
/* Button styling */
#load-button, .create-topic-button {
display: block;
margin: 15px auto;
padding: 12px 25px;
font-size: 18px;
cursor: pointer;
background: linear-gradient(135deg, #4CAF50, #81C784);
color: white;
border: none;
border-radius: 25px;
transition: 0.3s;
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
text-align: center;
text-decoration: none;
font-weight: bold;
}
#load-button:hover, .create-topic-button:hover {
background: linear-gradient(135deg, #43A047, #66BB6A);
transform: scale(1.05);
}
/* Styling for posts */
#rss-feed {
list-style: none;
padding: 0;
}
#rss-feed li {
background: rgba(0, 0, 0, 0.05);
padding: 15px;
margin-bottom: 12px;
border-radius: 8px;
transition: 0.3s;
border-left: 5px solid #4CAF50;
}
#rss-feed li:hover {
background: rgba(0, 0, 0, 0.1);
transform: scale(1.02);
}
#rss-feed li a {
font-size: 18px;
font-weight: bold;
color: #388E3C;
text-decoration: none;
transition: 0.3s;
}
#rss-feed li a:hover {
color: #2E7D32;
}
/* Post description */
.excerpt {
font-size: 14px;
color: #555;
margin-top: 5px;
}
/* Additional info like author & time */
.meta {
font-size: 12px;
color: #777;
margin-top: 5px;
}
</style>
<button id="load-button">🌿 Show the 10 latest posts</button>
<div class="container" id="rss-container">
<a href="https://YOURURL.TLD/community/add-topic/" class="create-topic-button">➕ Create a new topic</a>
<ul id="rss-feed"></ul>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
const isLoggedIn = document.body.classList.contains("logged-in");
if (isLoggedIn) {
document.getElementById("rss-container-wrapper").style.display = "block";
document.getElementById("load-button").addEventListener("click", function () {
const rssContainer = document.getElementById("rss-container");
if (rssContainer.style.display === "none" || rssContainer.style.display === "") {
this.textContent = "🌿 Hide posts";
rssContainer.style.display = "block";
fetchRSS();
} else {
this.textContent = "🌿 Show the 10 latest posts";
rssContainer.style.display = "none";
}
});
}
});
async function fetchRSS() {
const url = 'https://YOURURL.TLD/?type=rss2&forum=g&topic=g';
try {
const response = await fetch(url);
const text = await response.text();
const parser = new DOMParser();
const xml = parser.parseFromString(text, "text/xml");
const items = xml.querySelectorAll("item");
let html = "";
items.forEach((item, index) => {
if (index < 10) {
const title = item.querySelector("title").textContent;
const link = item.querySelector("link").textContent;
const date = new Date(item.querySelector("pubDate").textContent);
const description = item.querySelector("description")?.textContent || "No preview available.";
const author = item.querySelector("creator") ? item.querySelector("creator").textContent : "Unknown";
const now = Date.now();
const diffInSeconds = Math.floor((now - date) / 1000);
let timeAgo = "";
if (diffInSeconds < 60) {
timeAgo = `${diffInSeconds} sec.`;
} else if (diffInSeconds < 3600) {
const diffInMinutes = Math.floor(diffInSeconds / 60);
timeAgo = `${diffInMinutes} min.`;
} else if (diffInSeconds < 86400) {
const diffInHours = Math.floor(diffInSeconds / 3600);
timeAgo = `${diffInHours} hrs.`;
} else {
const diffInDays = Math.floor(diffInSeconds / 86400);
timeAgo = `${diffInDays} d.`;
}
html += `
<li>
<a href="${link}">${title}</a>
<div class="meta">👤 By: <b>${author}</b> posted ${timeAgo} ago</div>
<p class="excerpt">${description}</p>
</li>`;
}
});
document.getElementById("rss-feed").innerHTML = html;
} catch (error) {
console.error("Error loading the RSS feed", error);
document.getElementById("rss-feed").innerHTML = "❌ Error loading data.";
}
}
</script>
</div>
Screenshots: |
|
WPF 2.4.13 code (pre) editor moves cursor to top of page after editting
|
10 Relevance |
4 weeks ago |
nando4 |
Bug Reports |
| |
If editting a code block part way down a page, the cursor annoyingly jumps back to editting at the top of the page. The fix is to simply comment out the following line:
tinymce-pre.js
// nando4>> prevent cursor location jumping to top of post after finishing pre editting
// ed.selection.setCursorLocation(); |
