- Compatible XF 2.x versions
- 2.3
- License
- Free for personal and commercial use. Redistribution not permitted.
Modern Inline Moderation Bar
Replace the default inline moderation bar and its dropdown with a floating pill bar and a clean icon grid of actions.
Replace the default inline moderation bar and its dropdown with a floating pill bar and a clean icon grid of actions.
Features
- Floating, rounded moderation bar centered at the bottom of the screen
- The action dropdown is replaced by an Actions button that opens a grid of colored icon tiles
- Each action gets its own icon and color (delete, approve, stick, lock, move, feature, prefix, thread type…)
- Actions are read from XenForo's own list, so nothing is lost and everything is shown in your forum's language
- Works with threads, posts, conversations and anywhere the inline moderation bar appears
- Light and dark style variations supported
- Fully responsive: desktop, tablets and phones
- RTL and LTR compatible
- Closes on outside click, Esc key, or after choosing an action
- No add-on, no PHP, no template modifications. Just one CSS file and one small script
Requirements
XenForo 2.3.x
Installation
Step 1 – CSS
- Go to Admin CP → Appearance → Styles → (your style) → Templates
- Open the template extra.less
- Paste the full content of inline-mod-bar.less at the end of the template and save
Step 2 – Script
- In the same style, open the template PAGE_CONTAINER
- Scroll to the end and find:
Code:{$ldJsonHtml|raw} </body> - Paste the full content of inline-mod-bar-script.txt (from
<script>to</script>) right before{$ldJsonHtml|raw} - Save the template
Step 3
Refresh your forum with Ctrl + F5, select any thread with the inline moderation checkbox, and click Actions.
Customization
- Button gradient: edit the
.tobMod-triggerrule in extra.less to match your style colors - Tile colors: edit the
.tobMod-tile--red,--green,--blue… rules - Button label: change
Actionsin the script to any text you like
Feedback and suggestions are welcome!