Comments (4)
It has been already answered JWandrocke by chipping in. The button count is hardcoded, you could download the source code, change the number to however you want, build it again and that way you can have as many buttons as you want. However, if you want to deploy it and use it for production, you have to self-host it rather than doing <script>https://cai ... </script>
etc. Other option is to create a pull request in order to pass the number of buttons as props from the main component to Button.js component. Hope this helps.
from webchat.
It is currently hard code to only display 3 buttons in the WebChat.
Here is the code in the Button.js
{buttons.slice(0, 3).map((b, i) => (
<Button key={i} button={b} sendMessage={sendMessage} />
))}
from webchat.
Isn´t there any other configuration item that could cause this. As you can see in my example that I don´t have only three hardcoded buttons.
My application is hosted on (https://cai.tools.sap/) and the backend is entirely self written using nodejs/ express. So the configuration to only display 3 buttons should be anywhere else. But It´s not in my code. Could it be that the hosting platform cai.tools.sap is limiting this by default, but I can´t find anything in the documention..
Thanks for your help!
from webchat.
what i dont understand: why is it possible to create more than 3 buttons in menu when only 3 show up? Also the right-alignment of the text in a list-answer is so bad ... why cant we manage those UI-Elements via the Framework instead of self-hosting it?
from webchat.
Related Issues (20)
- Parsing Incoming/Outgoing messages HOT 1
- ChatId fetching / message polling race condition
- How to create webchat iframe window? HOT 2
- The error message "Wrong memory format" is always shown. HOT 1
- How to use with React HOT 9
- Use multiple Webchats on one domain HOT 1
- Can we have an option to upload an image or a file in webchat HOT 1
- CSS rendering on IE 10-11
- Open WebChat on Buttonclick
- How to use with Fiori App
- Navigation with Routers within Fiori Web App
- Integrating WebChat into an Angular Web App HOT 5
- Integrate O365 SSO
- import react component HOT 1
- On which port does the SAP CAI React project start upon running npm run start command? HOT 1
- Error: Request failed with status code 500 HOT 2
- Speech to text HOT 1
- Not able to install HOT 1
- Oauth integration 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 webchat.