Setting default field properties

This feature allows third-party developer set HTML properties and handlers to any field.

Example

Copy
function ExtensionRegistration() {
    const init = async () => {
        const guestConnection = await register({
            id: extensionId,
            methods: {
                field: {
                    getProperties: () => {
                        return [
                            {
                                fieldNameExp: '^address_autocomplete$',
                                onChange: (value) => {
                                    // logic here
                                },
                            },
                        ];
                    },
                },
            },
        });
    };
    init().catch(console.error);

    return <Text>IFrame for integration with Host (AEM)...</Text>;
}
Copied to your clipboard
function ExtensionRegistration() {
    const init = async () => {
        const guestConnection = await register({
            id: extensionId,
            methods: {
                field: {
                    getProperties: () => {
                        return [
                            {
                                fieldNameExp: '^address_autocomplete$',
                                onChange: (value) => {
                                    // logic here
                                },
                            },
                        ];
                    },
                },
            },
        });
    };
    init().catch(console.error);

    return <Text>IFrame for integration with Host (AEM)...</Text>;
}

Allowed Properties

• onChange(value) - is a callback function that gets triggered whenever there is a change in the field's value
• disabled - disable/enable CF Editor field

API Reference

Last updated 6/11/2024

Was this helpful?

Yes

No