Kirby Fieldtoggle

Resources Plugins
21

Thanks a lot @LCD344! I updated the JavaScript file to use non global variables and convert the field names to lowercase.

22

No problem this is what we got the community for!

anyway, I forked your plugin (for my own use - but of course its open source) - https://github.com/LCD344/kirby-fieldtoggle

diferences

  1. The style now looks like a switch.
  2. It’s based on a checkbox and not togglefield (because I had the switch already done for the checkbox
  3. It’s registered through the plugins directory and not fields (personal preference - trying to keep all non original kirby files in the same place)
  4. It’s installable using the kirby cli.
2 Likes
23

Fieldtoggle v2

The Fieldtoggle field just got a lot more powerful. You can now define as many options as you want. Previously you could only use the “Yes/No” and “True/False” options. This makes it possible to do something like that:

https://github.com/medienbaecker/kirby-fieldtoggle/raw/master/structure.gif

Since the syntax had to change obviously, I updated the original post, too.

TL;DR: You now add the options in show or hide and list the affected fields.

5 Likes
24

I will probably try it out in the future. Until then I have a few questions about it.

  1. What happends to the fields that are not shown, are they still saved to the content text file?
  2. Is it possible to have “nesting” hidden parts? Let’s say I want to add a category choice inside a category choice.
  3. Is it possible to use checkboxes, like match two of them to show the section? or match a specific checkbox.
  4. Is it possible to have an input text field like match while type feature?

I guess most of the above does not work with the current version but your field seems still very powerful. :slight_smile:

Feel free to add what you want from the list as issues to your repo if you like any of the ideas.

25

  1. The hidden fields are still there, just not visible. They are also required, since you can’t overwrite the validation.

  2. Nesting is possible, I just pushed the necessary commit for that.

    nesting.gif800×451 160 KB

    Overall it’s important to do something with the value of the fieldtoggle field. It is a normal radio button after all. So in your template you’d still need a condition to check what option was selected. That way it’s not important what the hidden fields store.

  3. After I wanted to switch from the toggle field, I initially used the checkbox. Fo my use cases this just made it way more complicated. What do you want to use it for?

  4. I see the appeal of an instant filter, but I think that would be an entirely different field.

2 Likes
26

Hi,

I’m new to Kirby and think I will need this fieldtoggle plugin for a project. In the install docs it mentions to add everything to the ‘site/fields’ folder. The thing is, I’m using the Kirby starterkit and it does not have a fields folder… Does the plugin require something to be installed that is not in the starter kit or are the install docs incorrect and should I put it in the site/plugins folder?

Regards,
Chantal

27

Simply create a site/fields folder, if it doesn’t already exists.

2 Likes
28

Thank you flokosiol!

29

Hi, is there a way to set a default value?

30

Yes, you can simply set default: to whatever option should be selected by default.

For example:

label:         Link page
type:          fieldtoggle
options:
  nolink:      No link
  internal:    Internal link
  external:    External link
  child:       First child page
default:       external
show:
  external:    extlink
  internal:    intlink
hide:
  nolink:      intlink extlink
  external:    intlink
  internal:    extlink
  child:       intlink extlink

This would set the option external as default and make the field extlink visible by default. Remember to remove any existing content in the content files to simulate a newly created page and test the default value.

31

Note that when you have “yes/no” options, you have to wrap the default option in quotes:

  imagetoggle:
    label:       Show image?
    type:        fieldtoggle
    default: "no"
    options:
      yes: "Yes"
      no: "No"
    show:
      yes: imagefield
    hide:
      no: imagefield
  imagefield:
    label: Image
    type:  image
2 Likes
32

When I copy paste your code it works great… I wasn’t sure if default should work, I didn’t found it in examples and it didn’t work with my values (I tried before). But after I started from scratch it is now OK, so there was something wrong with my blueprint, maybe just a stupid typo… Thanks a lot!

33

Just great, really appreciated!