Jump to content
RAGE Multiplayer Community

Adding a Scroll bar for RageMP Chat


MrPancakers
 Share

Recommended Posts

This will add a scrollbar/chat history to your server. You can edit how much the chat history keeps but for now it's set to 30.

Download Link

Preview

kDTdQD4.gif

Installation

Open the ragemp_scrollchat.zip and drag the contents into your client_packages folder. If you already have an index.js, copy/paste it into your current index.js file. Now you should be all ready to go.

How can I change the chat history length? 

If you want to change how many messages are stored, go to chatUI/js/main.js and you'll see history_limit with a comment next to it at the top, change that number to how many messages you'd like to be kept in chat.

uQtKIj2.png

 

If you have any questions about changing anything else in the chat such as font just ask and I'll do my best to assist.

  • Like 3
Link to comment
Share on other sites

  • Joshua pinned, unpinned, featured and unfeatured this topic
  • 3 months later...
29 minutes ago, Chainksain said:

how can i enable chat colors in the messages? seems it doesnt recognize codes like "!{#E6E6E6}"

I've been told in the past things like that don't work, you probably have to use HTML elements and use the style attribute to add color, otherwise, I'm not sure.

Edited by MrPancakers
Link to comment
Share on other sites

  • 2 weeks later...

I managed to solve the problem with colors in server-side using C#, some ppl ask me about this in discord, so i'm posting the solution which i used:

first of all u need to create a function for the chat, dont use NAPI.Chat.SendChatMessage cuz u need to send an html code with the color code to the client-side, like this:

public static void SendClientMessage(Client player, String color, String message)
{
	NAPI.Chat.SendChatMessageToPlayer(player, "<strong style='color:" + color + "'>" + message + "</strong>");
}

 then u need to use this function instead of NAPI.Chat.SendChatMessage

After this u need to remove the brackets and exclamtion from color definitions like this:

public const string CHAT_COLOR_INFO = "#FDFE8B";

With this, the colors should be work fine, but your server should be vulnerable to html injection, so, to solve this problem we will implement the following function in our chat function:

public static string StripHTML(string input)
{
	return Regex.Replace(input, "<.*?>", String.Empty);
}

so with this function our chat function will be protected and now should be like this:

public static void SendClientMessage(Client player, String color, String message)
{
	StripHTML(message);
	NAPI.Chat.SendChatMessageToPlayer(player, "<strong style='color:" + color + "'>" + message + "</strong>");
}

And that's all, if u want u can test with this cmd:

[Command("hi", Alias = "hello, hey, howdy")]
public void SayHi(Client player)
{
	SendClientMessage(player, CHAT_COLOR_INFO, "Hello!");
}

 

  • Like 1
Link to comment
Share on other sites

18 hours ago, Chainksain said:

I managed to solve the problem with colors in server-side using C#, some ppl ask me about this in discord, so i'm posting the solution which i used:

first of all u need to create a function for the chat, dont use NAPI.Chat.SendChatMessage cuz u need to send an html code with the color code to the client-side, like this:

public static void SendClientMessage(Client player, String color, String message)
{
	NAPI.Chat.SendChatMessageToPlayer(player, "<strong style='color:" + color + "'>" + message + "</strong>");
}

 then u need to use this function instead of NAPI.Chat.SendChatMessage

After this u need to remove the brackets and exclamtion from color definitions like this:

public const string CHAT_COLOR_INFO = "#FDFE8B";

With this, the colors should be work fine, but your server should be vulnerable to html injection, so, to solve this problem we will implement the following function in our chat function:

public static string StripHTML(string input)
{
	return Regex.Replace(input, "<.*?>", String.Empty);
}

so with this function our chat function will be protected and now should be like this:

public static void SendClientMessage(Client player, String color, String message)
{
	StripHTML(message);
	NAPI.Chat.SendChatMessageToPlayer(player, "<strong style='color:" + color + "'>" + message + "</strong>");
}

And that's all, if u want u can test with this cmd:

[Command("hi", Alias = "hello, hey, howdy")]
public void SayHi(Client player)
{
	SendClientMessage(player, CHAT_COLOR_INFO, "Hello!");
}

 

thanks,very useful, thankyou)

Link to comment
Share on other sites

  • 6 months later...

Could you help me with an error, please?

I'm installing and i'm using Open Source Roleplay Server

But after i use the command: npm run build

 

The index.js file inside client_packages  is been replaced with original without the changes i made to load this script.
Any idea how deal with it, please?


@MrPancakers any idea, please? Still can't fix it =( ty!!!!

Thank you!!!!

Edited by joew
Link to comment
Share on other sites

On 4/17/2019 at 10:00 AM, joew said:

Could you help me with an error, please?

I'm installing and i'm using Open Source Roleplay Server

But after i use the command: npm run build

 

The index.js file inside client_packages  is been replaced with original without the changes i made to load this script.
Any idea how deal with it, please?


@MrPancakers any idea, please? Still can't fix it =( ty!!!!

Thank you!!!!

I'm not sure what this has to do with my thread?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...