mvneerven / xo Goto Github PK
View Code? Open in Web Editor NEWXO-JS - Declarative Forms, Wizards, Surveys. Developer Friendly, Extensible, Inheritance. Pure, Vanilla ES6 JavaScript - no dependencies.
Home Page: https://www.xo-js.dev
XO-JS - Declarative Forms, Wizards, Surveys. Developer Friendly, Extensible, Inheritance. Pure, Vanilla ES6 JavaScript - no dependencies.
Home Page: https://www.xo-js.dev
When using the from studio, and choosing "Build a form". Then using "Start with an OpenApi ...". Then adding the url https://petstore3.swagger.io/api/v3/openapi.json (from https://petstore3.swagger.io/), we get a form which does not resemble the schema. Only part of the schema seems to get parsed, and the parsing does not seem complete.
Expected outcome: A form representing the petstore3 schema from OpenApi.
Real outcome: a partial rendering of the "pet" schema.
Anything I can do to help?
display: grid
to parent multiinput control
Within a multiinput control
a (custom) grid class can be added. To make sure that when this value is added to the schema the multiinput parent still contails the CSS value display: grid
, this should always be present on the parent.
grid-area
values to child controls of multiinput control
Once a multiinput control
is created with a value for the grid-template
, the containing fields can only be ordered after adding a grid-area
value to the child input. This cannot be done currently inside the schema.
To be able to order the inputs within a multiinput control
solely by creating the schema, it would be a good addition to add a grid-area
value to all the child controls equal to the name
-value of this control.
So for instance, the schema below would show the three text field with equal width next to eachother:
{
"pages": [
{
"legend": "My Form",
"intro": "My form description",
"fields": [
{
"type": "multiinput",
"name": "multiinput1",
"grid-template": "'firstName addition lastName' 40px / 1fr 1fr 1fr",
"fields": [
{
"type": "text",
"name": "firstName",
"caption": "Voornaam",
"grid": "firstName",
"required": true
},
{
"type": "text",
"caption": "Toevoeging",
"name": "addition"
},
{
"type": "text",
"caption": "Achternaam",
"name": "lastName",
"required": true
}
]
}
]
}
]
}
If the name
-value is not given in one of the child inputs isn't set, the grid-area
should not be set.
Currently, the listview control delete action removes the selection from view first, then dispatches an event to the host. If deletion fails in the host, restoring state is not implemented.
When a Shop is created as part of the Onboarding flow the user has the option of providing a mail address to which the URL of the new shop instance will be sent.
In that page the mail envelope icon overlaps with the "Your email address" text if the used browser is Firefox.
NOTE: in Chrome and Edge there is no overlap
Should be linked to listview selection state
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.