Conditional fields about sveltia-cms HOT 11 CLOSED

For the variable object types, you can add only one field. Actually in your case, you can just use required: false with widget: object instead of variable types:

    fields:
      - label: 'Is it News?'
        name: 'isNews'
        required: false
        widget: object
        fields:
          - label: 'News Description'
            name: 'carousel'
            widget: string
            fields:
              - {label: News Description, name: newsDescription, widget: string, required: false}

The UI will look like:

This cannot be done with Netlify/Decap CMS 😆

from sveltia-cms.

oh, this is much better, thanks!

from sveltia-cms.

I think the Decap Relation widget doc mentions the multiple option 🙂 The checkbox UI is only with Sveltia 😆

I just shipped v0.26.2 to use a checkbox for optional (required: false) objects. I’ll work on conditional fields sometime later.

from sveltia-cms.

I care a lot about the client's UX, and you make me happy! thanks!

this is better now than I expected!

from sveltia-cms.

I think this is relevant:

• decaporg/decap-cms#565

Sveltia CMS has already solved this problem by supporting variable types for the Object widget, not only for the List widget. I don’t have a detailed document yet, but you can use the same types option to have conditional fields. Check it out!

from sveltia-cms.

Yes, I'm familiar with this, I'm using this feature already for other collections. You are right, that this is already working from another way. I just thought the boolean + condition field would be a more intuitive solution for this particular case when I need a clear on-off state. this is the solution with the variable types. I just need to inform the client not to generate more than one news field and the problem is solved.

    fields:
      - label: 'Is it News?'
        name: 'isNews'
        required: false
        widget: 'list'
        types:
          - label: 'News Description'
            name: 'carousel'
            widget: string
            fields:
              - {label: News Description, name: newsDescription, widget: string, required: false}

from sveltia-cms.

And yeah, as you said, a checkbox may be more intuitive here. I can change the UI 🙂

from sveltia-cms.

yes, but if it's only not hard to implement for you.

I guess it could be simple ternary operator to the string widget and could look like:

fields:
  - label: Is it News?
    name: isNews
    widget: boolean   <- or checkbox
    default: true
    required: false}
  - label: News Description
    name: newsDescription
    visibleIf: 'isNews'         <- maybe like this, or name it displayCondition?
    widget: string}

from sveltia-cms.

wait, you mentioned checkboxes, are checkboxes possible for relation widget?

I went to the sveltia and decapcms issues and found only mention custom tag widget that is not supported at sveltia. I made that the client can build and modify categories list through reference content collection schema, and at current I can only let to select only one item through radio buttons. If it's possible to convert this field to checkboxes to get the array, please give me a hint.
fields:
- {label: Category, name: category, widget: relation, collection: categories, value_field: defaultLocaleVersion, display_fields: [category]}

from sveltia-cms.

You can get checkboxes with widget: relation + multiple: true.

from sveltia-cms.

hehe, lol, that's unexpected:

it works like a charm!
I double checked now, and I still didn't find about "multiple: true" in the sveltiacms or decap readme.
You need proper documentation about advanced fields. :)
I will collect these cool options that I will find and prepare these for the template, 100% sure very few people know about these powerful options.

from sveltia-cms.