Comments (3)
The way the plugin is built it only forks the conversation exactly after the question, like a road into an intersection. Unfortunely because of this, you can't ask two questions in a row and nest-fork after, you must fork after the first one, ask the second question and fork again based on that. I know this leads to a lot of repeated code in the HTML but there isn't a way to make this simpler without recoding the plugin entirely. Sorry for the delay in answering.
from convform.
If you need more, I achieved what you wanted (I guess) doing this:
<select name="accompanied" data-conv-question="¿Tienes pensado pedir la hipoteca solo o acompañado? ">
<option value="false">Solo</option>
<option value="true">Acompañado</option>
</select>
<div data-conv-fork="accompanied">
<div data-conv-case="false" class="alone">
<select name="selectedProperty" data-conv-question="¿La casa ha sido elegida? ">
<option value="true">Sí</option>
<option value="false">No</option>
</select>
<!-- selected Properties -->
<div data-conv-fork="selectedProperty">
<div data-conv-case="false">
<input type="number" data-pattern="^(0|[1-9][0-9]*)$" name="purchaseAmount" data-conv-question=" false false">
</div>
<div data-conv-case="true">
<input type="number" data-pattern="^(0|[1-9][0-9]*)$" name="purchaseAmount" data-conv-question=" false true">
</div>
</div>
</div>
<div data-conv-case="true">
<select name="selectedProperty" data-conv-question="¿La casa ha sido elegida? ">
<option value="true">Sí</option>
<option value="false">No</option>
</select>
<!-- selected Properties -->
<div data-conv-fork="selectedProperty">
<div data-conv-case="false">
<input type="number" data-pattern="^(0|[1-9][0-9]*)$" name="purchaseAmount" data-conv-question=" true false">
</div>
<div data-conv-case="true">
<input type="number" data-pattern="^(0|[1-9][0-9]*)$" name="purchaseAmount" data-conv-question=" true true">
</div>
</div>
</div>
</div>
Note that I'm using data-* attributes at this example because I updated the code to be W3C compliant.
from convform.
That was very helpful, thank you sir!
from convform.
Related Issues (20)
- Display behavior not as expected
- Can I send some input from Chat Bot to my mail HOT 1
- rollback and reset answers HOT 3
- Want to set one or more questions at same time but not working
- Dynamically adding answers [from] filling into a custom form HOT 1
- How to enter data from database to chat feature HOT 1
- How can we change the bg-color of the answer? HOT 1
- API example HOT 4
- Is it possible to send asynchronous message in convForm?
- Uncaught TypeError: Cannot read property 'split' of undefined HOT 1
- data-callbacks not working on data-no-answer=true inputs
- convform jquery first message do not load
- Inquiry
- File attachament Feature to ChatBot HOT 1
- Regex not working
- Changing delay between typing loader and next question being shown
- drop answers into sql table HOT 1
- how to add masked textbox and onblur validation
- How many limits does .next ?
- reset the conversation
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 convform.