Forumactif Edge - A Free Modern and Responsive Forum Theme

[Ange Tuteur]

First topic message reminder :

Hello everyone,

Since November 2015 I've been working on developing a new "forum version" for Forumotion forums that's modern and responsive. Today I've recently published the production release of this software and would like to share it with all of you who are looking for a more modern design that's also mobile-friendly.

Forumactif Edge features :

• Modern mobile-friendly design.
  
• Smart automated control panel that assists you with installation and other tasks.
  
• Dynamic theme selector so your members can browse in the color they prefer.
  
• Side panels for widgets and quick navigation so your forum has maximum space and accessibility.
  
• Automatic color coding of posts based on usergroup affiliation.
  
• Built in counter for reputation votes.
  
• and more...
  

Forumactif Edge will constantly evolve because it's open source and managed by the community. That means we'll take feedback, suggestions, and reports from the community -- that's right, your voice can shape the future of this project ! If you'd like to install Forumactif Edge on your Forumotion forum, please see the wiki link below which includes detailed instructions on how to install the theme along with additional information on Forumactif Edge that's constantly changing.

Installation Tutorial : https://github.com/SethClydesdale/forumactif-edge/wiki/Installing

Not ready to install yet ? No problem ! Take a look around, check out the FAQ and previews below, or visit our website link below to learn more about what Forumactif Edge has to offer !

Website : https://sethclydesdale.github.io/forumactif-edge/

FAQ

Do you have any questions or concerns about Forumactif Edge ? If so, feel free to check out our FAQ page or leave a reply below with your question ! We're always ready to answer your questions !

Previews

Mobile Preview : Forumactif Edge is responsive, so that means it's mobile-friendly ! Don't believe it ? Check out Google's Mobile-Friendly test !


Feature Preview : Forumactif Edge comes with a theme changer that allows your members to browse in the color of their choice, and to give your forum maximum space it docks widgets to a side panel !

Full Page Screenshots

Click any of the links below to see a full page screen shot of Forumactif Edge in action.

Desktop	Mobile
Homepage	Homepage (Mobile)
Topics	Topics (Mobile)
Forumactif Edge Control Panel	N/A

If you have any questions or feedback, feel free to leave them below. I hope all of you enjoy this theme as much as I have making it.

[TheCrow]

@YoshiGM,

It'll need an update cause of the new arrival of the channels. He'd have to include them in now, so, yeah. Good job!

[YoshiGM]

Let's wait and see what Ange anwsers to us

[YoshiGM]

Hello again,
With the recent update in the editor (GIFs insertion and mentions), appears a "?" symbol in the buttons.



How can i fix it?

[Ange Tuteur]

Hello @YoshiGM!

Hello again @Ange Tuteur,
I found a bug with Chatbox Channels..

When you add a new channel, appears all messy.


I think wil be necessary a css code or a update.. idk

Hello again,
With the recent update in the editor (GIFs insertion and mentions), appears a "?" symbol in the buttons.



How can i fix it?

Hmm.. I believe both of these will require me to push a new update to GitHub with the default CSS rules for these options. (should be able to rip it from phpbb3 default theme) I'll take a look at them both this week and work on a quick update to fix it.

Also, I'm liking the new options they added. My former plugins have become obsolete..! haha

[YoshiGM]

Ok Ange.
Take your time and thanks for you help!

[Ange Tuteur]

No problem. I didn't realize the chatbox channel was a paid feature, but thankfully I had an excess of credits sitting around.. So far the channels adjustment is finished (along with some extra adjustments), just gotta write up the update instructions for the updater.

(channels will be inside the same hover-to-see style that the memberlist was in)

Update should be ready by mid-week or end of the week at the latest.

[YoshiGM]

Perfect then!
Thanks again for your help and i'm sorry if i interrupted your job or something important in your life

[Ange Tuteur]

Update v1.3.2

Forumactif Edge v1.3.2 is now available! This update fixes a number of display issues resulting from recent updates.

• fixed display of chatbox channels.
  
• fixed display of the GIF and mention button in the editor.
  

Release link: https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.3.2

Manual Update

In the event you cannot use the automatic updater or it fails (e.g. stylesheet is "too long"), follow the steps below to manually install this update.

Go to Admin Panel > Display > Colors > CSS stylesheet

Replace:

Code:

#chatbox_members:hover + #chatbox

OR (if minified):

Code:

#chatbox_members:hover+#chatbox

By:

Code:

.chatbox-members:hover ~ #chatbox

Replace all instances of #chatbox_members by .chatbox-members

Add the following CSS rules to your stylesheet:

Code:

#chatbox_channels:after{content:"Hover over to see channels."}#chatbox_channels > ul, #chatbox_channels > .channels-title{width:100%}.chatbox-message-username{cursor:pointer}.chatbox-members{top:40px!important}.cb_delete_msg{display:inline-block!important}#tab_selector_cb{height:40px;width:180px;position:absolute;top:0;left:50%;margin-left:-90px}#cb_switch_channels,#cb_switch_members{cursor:pointer;position:relative;width:90px;height:40px}#cb_switch_channels{right:0}.cb_active_btn{background-color:#cadceb}.contact-list .person{border-bottom:1px solid rgba(112,108,114,.3);cursor:pointer;margin:0!important;padding:10px 0;position:relative}.person .info{display:inline-block;padding:0 0 0 10px;width:auto}.contact-list .name{color:var(--color_channel,#105289);display:block;font-size:1.2em;font-weight:700;position:relative}.contact-list .person:hover,contact-list .person.active{background:rgba(0,0,0,.1)}.contact-list .person.active:after{border-right:4px solid var(--color_channel,#105289);bottom:0;box-shadow:inset -4px 0 4px -4px var(--color_channel,#105289);content:"";display:block;left:0;position:absolute;top:0}.sceditor-button-giphy div{background-image:url(https://2img.net/i//fa/icon_gif.png)!important}.sceditor-button-giphy:after,.sceditor-button-giphy:before,.sceditor-button-mention:after,.sceditor-button-mention:before{content:""}

Click submit to update your forum's styles and you're done!

Help

Don't know how to update Forumactif Edge ? Click the following link to find out how !
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

Perfect then!
Thanks again for your help and i'm sorry if i interrupted your job or something important in your life

It's no problem! I'm on break, so I have plenty of free time. As such, I got the update done a bit earlier.

[YoshiGM]

All is working very good!
Thanks for this update @Ange Tuteur

[JennyorAlice]

I'm currently using Forumactif Edge on my forum. Thanks to Ange Tuteur for coming up with this.

[BlackScorpion]

I'm currently using Forumactif Edge on my forum. Thanks to Ange Tuteur for coming up with this.

I've been using it since it's Beta days and till today i'm still using it. Ange did a great job on this.

[skouliki]

hello  @Ange Tuteur
i will like to inform you that the Random widget the option Random user leads to a 404 page 
thank you

[skouliki]

hello  @Ange Tuteur
i will like to inform you that the Random widget the option Random user leads to a 404 page 
thank you

Thanks to @pedxz the solution to this widget
https://fmdesign.forumotion.com/t447-widget-random#4027

Is by replacing this

Code:


link = '/u' + ( Math.floor(Math.random() * '{FORUMLASTUSERLINK}'.replace(/.*?u=(\d+).*/, function(M, S1) { return S1 })) + 1 );


With this

Code:


link = '/u' + ( Math.floor(Math.random() * '{FORUMLASTUSERLINK}'.replace('{FORUMNAMELINK}/u', '')) + 1 );


[Ange Tuteur]

@skouliki thank you for letting me know, and @pedxz thank you for resolving the issue! I went ahead and updated the widget on fmd.

Seems a lot has changed over the years, and the old ways no longer work... I suddenly feel old

[Ange Tuteur]

Update v1.3.3

Forumactif Edge v1.3.3 is now available! This is a small patch that fixes the display of the new twemoji button.

• fixed display of the Twemoji button in the editor.
  

Release link: https://github.com/SethClydesdale/forumactif-edge/releases/tag/v1.3.3

Manual Update

In the event you cannot use the automatic updater or it fails (e.g. stylesheet is "too long"), follow the steps below to manually install this update.

Go to Admin Panel > Display > Colors > CSS stylesheet

Add the following CSS rules to your stylesheet:

Code:

.sceditor-button-twemojifa:after,.sceditor-button-twemojifa:before{content:""}

Click submit to update your forum's styles and you're done!

Help

Don't know how to update Forumactif Edge? Click the following link to find out how!
https://github.com/SethClydesdale/forumactif-edge/wiki/Checking-for-updates

[YoshiGM]

Thanks for the update Ange!
I added yesterday a CSS code to remove the "?" in the Twemoji button but you've integrated the css and that's good.

Good job

[Draxion]

Hey, @Ange Tuteur there seems to be a display issue with Edge currently.

Screenshot:

[Ange Tuteur]

Hello @Draxion!

Is this still occurring? I ran a quick test on my forums and everything appears to be in working order.

If I recall, a majority of the sceditor button icons on FAE are FontAwesome icons, so perhaps it is an issue with the delivery or application of the font?

[The Last Outlaw]

Hey @Ange Tuteur

Simple request/question: How do I change the avatar in the Last Post section on the Homepage from a square frame to a circle frame?

[skouliki]

@The Last Outlaw check my answer https://help.forumotion.com/t160940-changing-last-post-avatar-from-square-to-circle#1125222