Comments (3)
Thank you very much, you have helped me a lot and I appreciate all the explanation.
I think I already have it.
Thanks😁
from rasa-webchat.
If you simply want to change the banner color etc. there are some properties available for customizing that.. (see src/index.hs
:
defaultHighlightCss: PropTypes.string,
defaultHighlightAnimation: PropTypes.string,
mainColor: PropTypes.string,
conversationBackgroundColor: PropTypes.string,
userTextColor: PropTypes.string,
userBackgroundColor: PropTypes.string,
assistTextColor: PropTypes.string,
assistBackgoundColor: PropTypes.string
These are set the same way as for example socketUrl
(see README or ask if you are unsure).
Or, as you mentioned, you can use the classnames listed in the README (or ones you find exploring widget code using browser dev tools) to define css rules.
I don't know what your background and comfort level with CSS is, so I'm sorry if this already obvious to you:
- Only the rules you set in your css code (such as
color
ortext-align
) will get overwritten. Any rules that you don't change will remain as they are in widget code. - What value each rule get is impacted by specificity. So sometimes just using a class name is not enough, as there might be more specific rules in place (i.e. the target of the rule is defined using multiple selectors). If you're not yet familiar with this, I'd recommend checking out some tutorial or for example MDN docs.
- If highly recommend exploring the styles using browser dev tools. That will help you figure out where certain style value is coming from and how to "overrule" it
☺️
Again, sorry if all this was obvious to you - and if not, feel free to ask more questions! (Also: I'm not a maintainer on this project, I've just worked with it a lot.)
from rasa-webchat.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
from rasa-webchat.
Related Issues (20)
- Link Image Address HOT 1
- ¿Can I change the parameter language that goes in customData to the widget, without recharging the page? HOT 2
- Starting the conversation HOT 1
- how can i get response of socket.io HOT 1
- JWT authentication HOT 1
- Unable to connect to websocket getting handshake error and unable to customize the chat bot HOT 2
- How to use in Angular project HOT 1
- Table is not rendered HOT 1
- How can I change file and import it into my project? HOT 1
- I don't want the link in the button to open in a new tab. HOT 1
- Rasa 3? HOT 7
- Custom Button in the header HOT 4
- showFullScreenButton and displayUnreadCount HOT 1
- React integration HOT 1
- Not able to clone and run the code in my local HOT 3
- tooltipPayload overwrites initPayload HOT 2
- Not sure about what is the purpose of dispatch evalUrl function HOT 1
- Adding a custom component to RASA web-chat HOT 1
- Getting 'AsyncServer.enter_room' was never awaited error. HOT 2
- Bot does not respond HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rasa-webchat.