search

Call-for-Code / Solution-Starter-Kit-Communication-2020

Materials for the Call for Code 2020 solution starter kit for crisis communication in the context of COVID-19.
Apache License 2.0
89 stars 329 forks source link

Recommended approach for styling? #32

Closed easherma closed 4 years ago

easherma commented 4 years ago

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

InnoOkeke commented 4 years ago

I couldn't get to style the bot. But I added it to my wordpress based website with a plugin and was able to style the interface with the plugin.

From: Eric Sherman notifications@github.com Sent: Wednesday, April 15, 2020 6:06:33 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMEE5UDRACYWDXETQFDRMXSRTANCNFSM4MIX54SA.

Hero-Repo commented 4 years ago

Please am new to this but can anyone help me out on how to proceed. I am beginner with 💉 experience 🙂

Sent from my iPhone

On 15 Apr 2020, at 18:17, InnoOkeke notifications@github.com wrote:

I couldn't get to style the bot. But I added it to my wordpress based website with a plugin and was able to style the interface with the plugin.

From: Eric Sherman notifications@github.com Sent: Wednesday, April 15, 2020 6:06:33 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMEE5UDRACYWDXETQFDRMXSRTANCNFSM4MIX54SA. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

InnoOkeke commented 4 years ago

Just follow the instructions carefully. Whenever you come across a problem, drop a question and we'll help solve it.

Sent from Outlook Mobilehttps://aka.ms/blhgte

From: Hero-Repo notifications@github.com Sent: Wednesday, April 15, 2020 7:28:01 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: InnoOkeke inno.okeke@outlook.com; Comment comment@noreply.github.com Subject: Re: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Please am new to this but can anyone help me out on how to proceed. I am beginner with 💉 experience 🙂

Sent from my iPhone

On 15 Apr 2020, at 18:17, InnoOkeke notifications@github.com wrote:

I couldn't get to style the bot. But I added it to my wordpress based website with a plugin and was able to style the interface with the plugin.

From: Eric Sherman notifications@github.com Sent: Wednesday, April 15, 2020 6:06:33 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMEE5UDRACYWDXETQFDRMXSRTANCNFSM4MIX54SA. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32#issuecomment-614203924, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMH6FPG2TDKTJEYHFJ3RMX4DDANCNFSM4MIX54SA.

Hero-Repo commented 4 years ago

Great I will thanks and appreciated

Sent from my iPhone

On 15 Apr 2020, at 19:35, InnoOkeke notifications@github.com wrote:

Just follow the instructions carefully. Whenever you come across a problem, drop a question and we'll help solve it.

Sent from Outlook Mobilehttps://aka.ms/blhgte

From: Hero-Repo notifications@github.com Sent: Wednesday, April 15, 2020 7:28:01 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: InnoOkeke inno.okeke@outlook.com; Comment comment@noreply.github.com Subject: Re: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Please am new to this but can anyone help me out on how to proceed. I am beginner with 💉 experience 🙂

Sent from my iPhone

On 15 Apr 2020, at 18:17, InnoOkeke notifications@github.com wrote:

I couldn't get to style the bot. But I added it to my wordpress based website with a plugin and was able to style the interface with the plugin.

From: Eric Sherman notifications@github.com Sent: Wednesday, April 15, 2020 6:06:33 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMEE5UDRACYWDXETQFDRMXSRTANCNFSM4MIX54SA. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32#issuecomment-614203924, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMH6FPG2TDKTJEYHFJ3RMX4DDANCNFSM4MIX54SA. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

InnoOkeke commented 4 years ago

You're welcome

Sent from Outlook Mobilehttps://aka.ms/blhgte

From: Hero-Repo notifications@github.com Sent: Wednesday, April 15, 2020 7:52:36 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: InnoOkeke inno.okeke@outlook.com; Comment comment@noreply.github.com Subject: Re: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Great I will thanks and appreciated

Sent from my iPhone

On 15 Apr 2020, at 19:35, InnoOkeke notifications@github.com wrote:

Just follow the instructions carefully. Whenever you come across a problem, drop a question and we'll help solve it.

Sent from Outlook Mobilehttps://aka.ms/blhgte

From: Hero-Repo notifications@github.com Sent: Wednesday, April 15, 2020 7:28:01 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: InnoOkeke inno.okeke@outlook.com; Comment comment@noreply.github.com Subject: Re: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Please am new to this but can anyone help me out on how to proceed. I am beginner with 💉 experience 🙂

Sent from my iPhone

On 15 Apr 2020, at 18:17, InnoOkeke notifications@github.com wrote:

I couldn't get to style the bot. But I added it to my wordpress based website with a plugin and was able to style the interface with the plugin.

From: Eric Sherman notifications@github.com Sent: Wednesday, April 15, 2020 6:06:33 PM To: Call-for-Code/Solution-Starter-Kit-Communication-2020 Solution-Starter-Kit-Communication-2020@noreply.github.com Cc: Subscribed subscribed@noreply.github.com Subject: [Call-for-Code/Solution-Starter-Kit-Communication-2020] Recommended approach for styling? (#32)

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMEE5UDRACYWDXETQFDRMXSRTANCNFSM4MIX54SA. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32#issuecomment-614203924, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMH6FPG2TDKTJEYHFJ3RMX4DDANCNFSM4MIX54SA. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://github.com/Call-for-Code/Solution-Starter-Kit-Communication-2020/issues/32#issuecomment-614217508, or unsubscribehttps://github.com/notifications/unsubscribe-auth/AOTUVMDWU4YQUIOXMXQ5D6LRMX67JANCNFSM4MIX54SA.

upkarlidder commented 4 years ago

Hi there,

Is there an expected way to customize styling for the app after including it on a page? I could see some value in being able to call the script with some custom theme parameters like typeface, background color, and logo.

@easherma, which application are you trying to stylize? The Node.js application is just an example of how to developer something like this from scratch. You can style it however you like. Another option is to create the Assistant and then add a Web Chat Integration. That let's you style the little chat bubble and the messaging experience a little more. However, that is only available in the Plus Plan, which you can try for free fo a limited time.

image
upkarlidder commented 4 years ago

Please am new to this but can anyone help me out on how to proceed. I am beginner with 💉 experience 🙂

@Hero-Repo, did you have specific questions we can help with?

johnwalicki commented 4 years ago

There are several ways to create custom Node-RED-Dashboard styles / themes See the theme section at https://flows.nodered.org/node/node-red-dashboard

Closing ticket.