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.

[Ange Tuteur]

Two additional bugs with mobile:

Spoiler:

Jump to box is wider than forum and creates a lot of white space (you can see it if you move to right). Happens in sub-forums and topics.


Username and password input boxes are too wide. Happens in login page.

@Tonight thanks again, I've added these to my todo list for the next patch. There's no ETA at the moment, but when I start work I'll let you know. Currently however I've been resting, because I've been feeling under the weather recently, so I haven't really been working on anything at all. The weather this time of year usually beats me up pretty bad haha.

Ok! I will consider install your theme coming soon
Thanks Ange

Cool, and no problem !

[Ange Tuteur]

Update v1.2.12

Forumactif Edge v1.2.12 is now available ! This is a quick patch that fixes the image resizer not working due to a recent update by Forumotion.

• Fixed image resizer not working.
  

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

Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this patch.

Go to Admin Panel > Modules > JavaScript Codes Management > and edit [FA EDGE] ALL.JS

Find :

Code:

.alt

Replace by :

Code:

.longdesc

Save the Javascript file and the image resizer should be fixed.

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

[Ange Tuteur]

Update v1.2.13

Forumactif Edge v1.2.13 is now available ! This is a quick patch that fixes some missing texts and possibly checkboxes in the advanced search.

• Fixed missing texts and checkboxes in the advanced search.
  

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

Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this patch.

Go to Admin Panel > Display > Templates > General > search_body

Find :

Code:

<dd><label for="any"><input id="any" type="radio" name="search_terms" value="any" checked="checked" /> {L_SEARCH_ANY_TERMS}</label></dd>
<dd><label for="all"><input id="all" type="radio" name="search_terms" value="all" /> {L_SEARCH_ALL_TERMS}</label></dd>

Replace by :

Code:

<!-- BEGIN switch_search_full_text -->
<dd><label for="text"><input id="text" type="radio" name="search_by" value="text" checked="checked" /> {switch_search_full_text.L_SEARCH_BY_TEXT}</label></dd>
<dd><label for="subject"><input id="subject" type="radio" name="search_by" value="subject" /> {switch_search_full_text.L_SEARCH_BY_SUBJECT}</label></dd>
<!-- END switch_search_full_text -->
<!-- BEGIN switch_search_terms -->
<dd><label for="any"><input id="any" type="radio" name="search_terms" value="any" checked="checked" /> {switch_search_terms.L_SEARCH_ANY_TERMS}</label></dd>
<dd><label for="all"><input id="all" type="radio" name="search_terms" value="all" /> {switch_search_terms.L_SEARCH_ALL_TERMS}</label></dd>
<!-- END switch_search_terms -->

Remember to save and publish the template.

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

[BlackScorpion]

Update v1.2.13

Forumactif Edge v1.2.13 is now available ! This is a quick patch that fixes some missing texts and possibly checkboxes in the advanced search.
s

Thank you, sir, as always on top of things. Hope all is well with you, we miss you!

[Ange Tuteur]

Update v1.3.0

Forumactif Edge v1.3.0 is now available ! This update makes a few tiny additions to Forumactif Edge. See the list below to see what was added.

• added "Last Posts" search link to the index which allows you to view the latest posts via /latest. (example)
  
• added warning to FAE CP when performing an operation such as installing, updating, etc. This will help prevent accidental data loss caused by navigating to another page during an operation.
  

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

Manual Update

In the event you cannot use the automatic updater, follow the steps below to manually install this update.

Go to Admin Panel > Display > Templates > General > index_body

Find :

Code:

<ul id="search-links" class="linklist">

Replace by :

Code:

<ul id="search-links" class="linklist">
     <li><a href="/latest">{L_LASTPOST}</a>&nbsp;•&nbsp;</li>

Remember to save and publish the template.


Updates concerning the FAE CP are automatically updated when the installer code is updated on the repo. So you do not have to worry about updating this.

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

Thank you, sir, as always on top of things. Hope all is well with you, we miss you!

@BlackScorpion No problem and thanks, I'm doing a lot better now. Back in winter my vitamin D levels were damn low, so it effed me up pretty bad for a couple of months. Finally got back to myself around April, thankfully. Hope all is well with you guys as well.

@Tonight I finally got around to checking some of the bugs you reported. I wasn't able to reproduce the cookie notification bug or the jumpbox bug, but I was able to reproduce the login form bug. For your mobile device: what browser are you using, and are you using an increased zoom level at all? I noticed the login one could be fixed by forcing a set width to .autowidth

Code:

.autowidth { width:80% !important; } /* for example */

of course that defeats the purpose of .autowidth, but perhaps it could be applied to one of the mobile media queries. I might do this in a future patch.


@Draxion I also got around to testing the report you sent via PM about the navigation not being clickable on mobile. Unfortunately I wasn't able to reproduce this. (of course, my poorass can't test an actual mobile device -- only emulation -- so that might be the case xD) What device and/or browser are you using that this occurs in?

[BlackScorpion]

Thank you, sir, as always on top of things. Hope all is well with you, we miss you!

@BlackScorpion No problem and thanks, I'm doing a lot better now. Back in winter my vitamin D levels were damn low, so it effed me up pretty bad for a couple of months. Finally got back to myself around April, thankfully. Hope all is well with you guys as well.

LOL , you too huh? i went thru the same dang thing awhile back. SO glad for Summer. But now it's slowly creeping away and you know what that means....

Thanks once again for staying on top of things, if it was another person, they would just let the dang theme go to waste..

[The Last Outlaw]

This is my issue.
https://help.forumotion.com/t158692-fae-problem#1103743

[Tonight]

@Ange Tuteur, where did the small arrows for scrolling disappear?

[SLGray]

@Ange Tuteur, where did the small arrows for scrolling disappear?

Did you add anything or modify anything?  I still see it on other forums using this theme.

[Ange Tuteur]

Hello @Tonight,

The scrollbar buttons appear to still be working on my end. The only thing I can think of is a possible conflict with the CSS. The default scrollbar button CSS looks like this:

Code:

/* scrollbar buttons */
::-webkit-scrollbar-button:single-button {
  color:#FFF;
  background:url(https://i.servimg.com/u/f86/18/21/41/30/webkit10.gif) no-repeat 0 0 #69C;
  height:17px;
  width:17px;
}
::-webkit-scrollbar-button:single-button:vertical:increment { background-position:-17px 0 }
::-webkit-scrollbar-button:single-button:horizontal:decrement { background-position:-34px 0 }
::-webkit-scrollbar-button:single-button:horizontal:increment { background-position:-51px 0 }

If still necessary, try adding this to your stylesheet.

You can also find the full customization here: https://github.com/SethClydesdale/forumactif-edge/blob/03deba134a3b2ee4f912f806e97a09639b480cfe/css/fa_edge.css#L75 (starts @ line 75, ends @ line 99) Use this if the above doesn't work.

[Tonight]

Thank you for replying. Am I the only one, who can't see these up and down arrow icons anymore (like on this screenshot)?


Now, only that "big blue bar" remains.
Doesn't matter which forum, for example I can't see these even on FM Design forum: https://fmdesign.forumotion.com

Situation appeared ~1 month ago.

[mSyx]

I like it, but this triggers me :p

Thank you for replying. Am I the only one, who can't see these up and down arrow icons anymore (like on this screenshot)?


Now, only that "big blue bar" remains.
Doesn't matter which forum, for example I can't see these even on FM Design forum: https://fmdesign.forumotion.com

Situation appeared ~1 month ago.

Did you switch browsers or something? Are you able to load this image by opening it?: https://i.servimg.com/u/f86/18/21/41/30/webkit10.gif

edit: @Ange Tuteur


I'm using it aswell. Great choice <3

[Tonight]

Issue happens with Chrome (tested in mobile) and Safari.
Firefox seems to be working correctly. Not sure about other browsers.

About that image: Firefox opens it, Safari does not.

[Ange Tuteur]

Hmm.. problem I'm having is I cannot reproduce it in Chrome. Safari, unfortunately is not available for windows either. Perhaps it could be an OS specific issue?

To test, try using this CSS:

Code:

::-webkit-scrollbar-button:single-button {
  color:#FFF;
  background:#F00;
  height:17px;
  width:17px;
}

If successful it should display the buttons as a solid red color.

edit: @Ange Tuteur


I'm using it aswell. Great choice <3

It is a nice browser. I even have some promotional stickers.