FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 30 users online :: 0 Registered, 0 Hidden and 30 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Forumactif Messenger - Instant Message Application for Forumotion

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 17 Jul 2017, 11:18

First topic message reminder :

Introduction

In this topic you will learn about Forumactif Messenger and how to install it on your Forumotion forum. Forumactif Messenger is a JavaScript plugin that integrates with your Forumotion forum to enable real time messaging in topics in a minimal design to make the experience more engaging.
message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 W4f56y10

CLICK TO VIEW DEMO

Some other feature Forumactif Messenger includes are..

  • Real time navigation and messaging.
  • Sound notification for messages.
  • Tabs for having multiple chats opened at once.
  • GIF Search and other attachment options.
  • Community submitted themes selector.
  • Multiple supported languages.
  • Fullscreen window display.
  • Update and Configuration manager.
  • Live Searching, and more...


Forumactif Messenger is optimized to work on all major forum versions for Forumotion, so long as your forum's templates aren't heavily modified. Additionally Forumactif Messenger is enabled to receive updates from its Github repository to ensure that you are always using the latest version for the best experience. If you're ready to install Forumactif Messenger, move onto the next section or check out the demo by clicking the button above.


Jump to...



Installing

Installing Forumactif Messenger on your forum is super easy. Go to Admin Panel > Modules > JavaScript Codes Management and create a new script with the following settings.

Title : Forumactif Messenger
Placement : In all the pages (or the page you want Forumactif Messenger to appear on)
JavaScript Code : Since the code for Forumactif Messenger is constantly improving, we ask that you copy the latest release from the link below.
https://raw.githubusercontent.com/SethClydesdale/forumactif-messenger/master/fam.js (You can use the shortcut CTRL+A to select the entire code)

Once the code is copied, paste it as the JavaScript Code and save.
message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur18

Congratulations ! You have now installed Forumactif Messenger on your forum ! Party Proceed to the next section to learn how to use Forumactif Messenger.


How to Use

If you have successfully installed Forumactif Messenger you should see a new icon in the bottom right hand corner of your forum that looks something like this --> message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur19. Clicking this button opens the Forumactif Messenger window, which displays a minimal version of your forum. You may find the interface to be somewhat familiar if you have used an SMS or IM application before.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 45y45e10

Go ahead and click through your forums, and find a topic to test out Forumactif Messenger. Once you have opened a topic, you should see a textarea along with 3 buttons at the bottom of the window; these are the message actions. For now, enter you message in the textarea and click the paper plane () or press ENTER to submit your message.

TIP : You can use SHIFT+ENTER to add a line break to your message.
message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Rt5gyc10

You should have noticed that all this time you navigated through your forum and posted a message without ever leaving the page you are currently on ; this is just one of the many powerful features that Forumactif Messenger provides you with ! Now previously we mentioned 3 buttons for the message actions. You already used one of them, which is for sending messages. The other two buttons allow you to enter emoticons and attach media to your messages. Go ahead and try them out !

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 UFoj3mj

Last but not least is interacting with messages ! If you click the username of someone's message it'll add their mention handle to the message box, so you can mention them in your message. Additionally when you hover over any message, message actions will appear below it. These actions allow you to quote, edit, or delete a message, depending on your permissions. Go ahead and give these features a try !

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Werhgc10

Congratulations ! Now you know how to use Forumactif Messenger for messaging. Victory Next up you will learn about the settings page, which offers you ways to personalize your use of Forumactif Messenger.


Settings

The Settings page of Forumactif Messenger offers various options to personalize your experience. To navigate to the settings page, click the menu icon ("•••") on the Forumactif Messenger toolbar to open the main menu and then the cog icon to open the settings page.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur20

Once on the settings page you will be met with a number of options for personalizing Forumactif Edge. Such as the option to display the window in full screen mode, the option to change the theme to a darker color, or the option to enable a sound notification for messages. As the settings are constantly being expanded upon, it'll be impossible to list them all here, so we invite you to read up on all the settings on our wiki.
https://github.com/SethClydesdale/forumactif-messenger/wiki/Settings

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur21

Now that you know how to use the settings page, it's time to learn how you can customize the internal settings for Forumactif Messenger by using the configuration page.


Configuration

The Configuration page is accessible to administrators only, as they are the only members who can update the internal configuration of Forumactif Messenger. To access the Configuration page you must go to the Settings page (see the previous section) and click the Admin Configuration button at the bottom.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur16

The configuration page allows you to change various settings for Forumactif Messenger, from the default chat_page to the entire language interface. Go ahead and give it a try by placing body as the value for Embed Container.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur22

Once you have set the value of Embed Container, scroll to the VERY bottom of the configuration page and click the Update Configuration button. This will generate the updated code for Forumactif Messenger with your configuration settings. Go ahead and replace your Forumactif Messenger JavaScript code with it by going to Admin Panel > Modules > JS Codes Management. Make sure to edit your existing script for Forumactif Messenger and delete the existing JavaScript code. Once the old code is deleted, paste the new code that was given to you in the Configuration page.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur23

If done correctly, Forumactif Messenger should now be embedded at the very bottom of your forum and doesn't require clicking a button to open ! As this was just an example, feel free to go back to the configuration page and delete the contents of Embed Container, if you don't want Forumactif Messenger displaying here. Click here for more information on the embed option.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur24

Well done ! You now know how to use the Configuration page. As there are MANY options for configuring Forumactif Messenger, we invite you to read about all of them on our wiki.
https://github.com/SethClydesdale/forumactif-messenger/wiki/Config

Next up we will learn how to update Forumactif Messenger, which is a very important feature.


Updating

Forumactif Messenger is open source and constantly evolving. For the best experience it's recommended that you update Forumactif Messenger to the latest release whenever it's available. To update Forumactif Messenger click the menu button ("•••"), and click About ("?").

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur38

This will take you to the about page, which tells you what version of FAM you're running and the current release on Github. If an update is available a yellow exclamation icon will show and an update button will be available. Click this button to get the latest release from Github.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur49

After a few seconds, the updated code will be available in the textarea. Copy this code and go to Admin Panel > Modules > JavaScript Codes Management and update your Forumactif Messenger script with it. Your configuration settings will be maintained, so don't worry about replacing your existing script.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur50

Once you've saved the updated script, go to about again to confirm that you're running the latest version of Forumactif Messenger. If you are, a blue check mark will display and the update button will display as sync instead. Clicking the sync button will get the latest release from Github again. It's mainly used in cases where you've made internal modifications and want to revert to the default code.

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 Captur48

This should be all that you need to know about using Forumactif Messenger, we'll allow you to explore the rest on your own ! :yesss: If you'd like to help improve Forumactif Messenger, please see the next section.


Contributing

Forumactif Messenger is open source, so anyone can help build and improve it !

  • Got a suggestion, have feedback, or find a bug ? Let us know in this topic with a reply OR on Github by opening a new issue !
  • Are you a developer with a passion for creating Open Source technology and want to improve Forumotion ? Fork the repo on Github and help out with development. See our to do list or contact me to discuss development if you have any queries.

For more information about contributing please see the following pages.


Last edited by Ange Tuteur on Sun 23 Jul 2017, 12:49; edited 1 time in total

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 15 Aug 2017, 10:10

@DDril that's because the URLs for the initial tabs weren't checked to see if they were appended with the query
Code:
?view=newest
. I hadn't considered that, so it can be problematic. I'll look into checking these URLs, so that it can be appended to topics, so that'll be another thing to add to the todo list. For the moment, just add
Code:
?view=newest
to the end of your topic URLs to show the newest posts.

So from this :
https://fmdesign.forumotion.com/t1378-forumactif-messenger-instant-message-application-for-forumotion

to this :
https://fmdesign.forumotion.com/t1378-forumactif-messenger-instant-message-application-for-forumotion?view=newest
DDril
DDril

Gender : Unspecified
Posts : 30
Points : 3669
Reputation : 16
Language : French & English
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge

PostDDril Tue 15 Aug 2017, 10:25

Oh ok, thx !
SLGray
SLGray
Valued Member
Gender : Male
Age : 51
Posts : 2465
Points : 7106
Reputation : 290
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray Sat 26 Aug 2017, 21:12

Is there something in the coding that I can modify to move the button at the button of the forum? I have another button there already.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 27 Aug 2017, 10:30

@SLGray add the following CSS rules to your stylesheet. It should move the button and window to the left of the screen.
Code:
#FAM:not(.FAM-fullscreen) + #FAM-button, #FAM.FAM-fullscreen[data-hidden="true"] + #FAM-button {
  left:3px;
  right:auto;
}

#FAM:not(.FAM-fullscreen) {
  left:3px;
  right:auto;
}
If you want the keep the window on the right, just remove the last CSS rule. I'll look into adding an option for this in the future. Wink
SLGray
SLGray
Valued Member
Gender : Male
Age : 51
Posts : 2465
Points : 7106
Reputation : 290
Location : United States
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : ModernBB
http://www.fmthemes.forumotion.com https://www.facebook.com/FM-Themes-655055824604957 https://twitter.com/FMThemes https://pinterest.com/FMThemes

PostSLGray Sun 27 Aug 2017, 22:10

Thanks. It would be nice for it to be included.
Van-Helsing
Van-Helsing

Gender : Male
Age : 49
Posts : 853
Points : 4803
Reputation : 84
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
http://itexperts.forumgreek.com/

PostVan-Helsing Fri 06 Oct 2017, 16:05

Hello @Ange Tuteur,
How can I have the messenger continuesly open like your forum? I want it to have on the top of forum instead the bottom.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 07 Oct 2017, 11:09

Hi @Van-Helsing,

To have Forumactif Messenger always open, like on this forum, you have to use the embed configuration option. See the following link for more information.
https://github.com/SethClydesdale/forumactif-messenger/wiki/Config#embed
Van-Helsing
Van-Helsing

Gender : Male
Age : 49
Posts : 853
Points : 4803
Reputation : 84
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
http://itexperts.forumgreek.com/

PostVan-Helsing Sat 07 Oct 2017, 12:20

Hi @Ange Tuteur
I have a question must I add between
Code:
<div></div>
the js code? I was tried many things following the embedded function without success somewhere maybe I was confused.
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sun 08 Oct 2017, 10:46

Place the following tag anywhere on your forum. Forumactif Messenger will appear there when configured to do so.
Code:
<div id="FAM-embed-box"></div>

Once you've place the tag, go to Admin Panel > Modules > JS Codes management > Forumactif Messenger. Find the embed config option, and set
Code:
#FAM-embed-box
as the value, so you get the following result.
Code:
embed : '#FAM-embed-box'

Save the script and Forumactif Messenger should now be embedded on your forum where you placed the HTML tag.
Van-Helsing
Van-Helsing

Gender : Male
Age : 49
Posts : 853
Points : 4803
Reputation : 84
Location : Somewhere out there!
Language : English, Greek
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : punBB
http://itexperts.forumgreek.com/

PostVan-Helsing Sun 08 Oct 2017, 14:06

Thank you very much @Ange Tuteur I have been fixed it. cheers
ProjectNYM
ProjectNYM
New Member
Gender : Unspecified
Posts : 2
Points : 2290
Reputation : 0
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : ModernBB

PostProjectNYM Fri 22 Dec 2017, 04:53

Warmest greetings! Ange Tuteur,

First of all, I just wanted to let you know my English proficiency is not that good. If I said anything that offended you, please forgive me.

I saw your topic mentioned that you will be closing the forum soon. I felt sad for myself but I still respect your decision. The reason I felt sad is that I just started learning how to make a forum so that I can make a platform for the community about my current project. I found out about you while I am searching for an instant messaging app for my forum and at that exact moment, a message popup in my mind and said this guy is really a LIFE SAVER and also a programming genius because I saw the ridiculous amount of codes that you wrote for the messenger. Damn, I wish I am that smart. Anyway, I really hope that you could help me out for 1 last time before you retire from this forum.

Let's get things straight to the point, I just want to know is it just me or everyone is encountering the same problem? The problem is user cannot send, receive or even access to any of the group if the user is using the mobile version. It can only display the messenger box and let user use the search function.

I hope you can hear me out and I wish you all the best for your future.

Regards,
NYM
Wolfuryo
Wolfuryo

Gender : Male
Posts : 256
Points : 3567
Reputation : 81
Language : Romanian and English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

PostWolfuryo Sat 23 Dec 2017, 03:48

Hi,

Make sure you use the latest version of your mobile browser. Also, please post your forum's address here.
ProjectNYM
ProjectNYM
New Member
Gender : Unspecified
Posts : 2
Points : 2290
Reputation : 0
Language : English
Browser : Browser : Google Chrome Forum Version : Forum Version : ModernBB

PostProjectNYM Sun 24 Dec 2017, 20:50

Wolfuryo wrote:Hi,

Make sure you use the latest version of your mobile browser. Also, please post your forum's address here.

Hello!

Thanks for responding! Yes, I am using the latest Google Chrome mobile browser.

Here's the link to my forum's address: www.projectnym.forumotion.asia

And here's a picture of the problem, seems like it cannot detect any forums or topics.
message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 26104710

Even if I use the search function to search for the topic, it won't let me chat with anyone.
message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 26101910

*UPDATE*

Even Ange Tuteur's demo is not working on mobile site.
http://demoactif.forumactif.com/t36-demo-forumactif-messenger?demo=fam&demo_user=true

message - Forumactif Messenger - Instant Message Application for Forumotion - Page 2 26062610


Hope you can help me. Crying or Very sad


Wolfuryo
Wolfuryo

Gender : Male
Posts : 256
Points : 3567
Reputation : 81
Language : Romanian and English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

PostWolfuryo Sun 31 Dec 2017, 18:24

Well, FAM was not made for the mobile version, unfortunately.
Sponsored content

PostSponsored content

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum