
You will only see the user friendly editor fields you've defined.Ħ. If you remove the 'Expert mode' SmartBox in 'Settings / General Settings', you will no longer see the JSON-Editor. When you re-open the SmartBox, you can see that the Background Color is now editable with a color picker:ĥ. This has a property named 'background-color', which we want to make 'changeable' with a color picker:Ĥ.

In the Editor, we define that there's a CSS class named 'colorsection'. Let's take a slim example for a SmartBox where you can simply choose the background-color:Ģ. Important: the SmartBox Editor can only be set as long as the 'Expert mode' for SmartBoxes is still active! If you want to make a SmartBox editable for end-users, without them having to mess about with CSS Code, you can do this by defining a SmartBox 'Options Editor'. _label (string): gives the Fieldset a custom label There are a few reserved properties with special meanings:

It is recommended to paste these fixed values directly into the CSS area and not into the editor, as it's a lot more clearly. Instead of having an object config for the editor, you can also add a value directly, which will then not be editable but will be added to the css directly, like: “border”: “1px solid black”. So when the property name is “cls”, you can use as placeholder in the HTML markup. HtmlIf set (to true), the value will not be added to CSS, but it will look for a placeholder in the HTML markup in curly braces. Default css attributes have labels already, but this might still be handy to use own labels. 'inputType': 'select', /* Editor Input Type: Select Dropdown */Ĭustom field label can be set with this. Options: the selectable options, as key-value objectĮxample - instead of allowing the end user to choose any color, you could create a select field from which he can choose 3 color options: ShowAlpha (true, false): shows a opacity regulator for color if specified, the specified outputType will be appended, so “%”, or “em”, or even “” are useful values here OutputType: if not specified, all numberfield values will be taken as “px”. Select: select-options fieldcheckbox: checkboxĭepending on the choosen inputType, there are more options available:ĪllowBlank (true,false): if field can be left blank by the user Available types are:įilefield: incms file chooser (for bg images, favicons.) This defines the input type the end user can interact with. 'inputType': 'filefield' /* Editor Input Type: File Picker */ 'allowBlank': true /* Value can be left blank */ 'inputType': 'colorfield', /* Editor Input Type: Color Picker */ You can create as many classes and properties as you want. In JSON format, start with the brackets, then make an entry for every class you use in the HTML definition (here: “bgbox”), inside of it, an entry for every CSS property, with it’s editor definition: This choice, in turn, gets written into a CSS class automatically, which defines the Smartbox. For example, you can allow an end-user to choose a color or pick a file. The Editor allows you to define Input Fields with JSON. JSON editor for Windows ® JSON text and grid editor for Windows® to create error-free JSON with ease.
#JSON EDITOR WINDOWS BEST FREE FULL#
The only editor with full support for Draft 4, 6 and Draft 7. JSONBuddy - A better way to edit and create JSON and JSON schema. Documents are optimized and minimized upon saving allowing huge amount of data being used together with iCloud. Use Folders, Notes, Modes, API Group & API Endpoints to structure your work. Smart JSON Editor documents uses project structure and extends text only.json files. While you can use the former mode to view JSON file in a Tree based hierarchy, the latter will.

#JSON EDITOR WINDOWS BEST FREE SOFTWARE#
Here is the list of best free JSON Viewer software for Windows which will let you view a JSON file in a formatted manner on your PC.You can use these free JSON file viewer software to view as well as edit a JSON file.Some of these offer dual mode view which is Tree mode and Text mode to view a JSON. This easy-to-use JSON editor provides numerous advanced features. JSON editor in XMLSpy provides intelligent JSON and JSON5 editing functionality, as well as XML to JSON conversion and converting JSON to XML. In a clean, uncluttered and user-friendly interface, it allows you to quickly create, visualize, modify, validate, format and save your JSON documents. JSON Editor is a must-have editor for JSON data.
