Generic properties configuration

Configuration of Generic properties is done in the Writer client configuration file

As stated earlier, each plugin can have one unique setup for generic properties, or you can share the same configuration between different plugins (image/image gallery for example).

For example content-part, our fact box plugin, have one general configuration for the entire plugin.

Example of generic properties configuration in Writer client config file:

    "propertiesConfig": {
        "showByDefault": [
            "im-ximimage"
        ],
        "properties": [
            {
                "name": "alignment",
                "title": "Alignment",
                "plugins": [
                    "im-imagegallery",
                    "im-ximimage",
                    "im-iframely"
                ],
                "values": [
                    {
                        "title": "Left",
                        "value": "left"
                    },
                    {
                        "title": "Right",
                        "value": "right"
                    },
                    {
                        "title": "Center",
                        "value": "center"
                    }
                ]
            },
            {
                "name": "effect",
                "title": "Want big text?",
                "plugins": [
                    "im-teaser"
                ],
                "values": [
                    {
                        "title": "Yes box!",
                        "value": "yes"
                    },
...

Please, visit the developer section Creating a content object plugin for more input about Generic properties.

The output will look like this for an object using generic properties:

<object id="MTI1LDIyNiw3OSw5OQ" type="x-im/image" uuid="5f720706-0f79-531c-be69-55dcb574a90b">
                        <links>
                            <link rel="self" type="x-im/image" uri="im://image/XabjbUPYd8tv-myp4VW4STU--XM.jpg" uuid="5f720706-0f79-531c-be69-55dcb574a90b">
                                <data>
                                    <width>2048</width>
                                    <height>1360</height>
                                    <imageInstructions/>
                                    <text/>
                                    <credit/>
                                </data>
                            </link>
                        </links>
                        <properties>
                            <property name="alignment" value="left"/>
                            <property name="fullwidth" value="1"/>
                            <property name="waffles" value="waffles"/>
                        </properties>
                    </object>