elegantthemes / divi-extension-example Goto Github PK

I don't know where the non minifed version of the code of these files. OR Who this workflow work.

1. styles/style-dbp.min.css
2. styles/style.min.css

Hi Divi Gurus,
I have created a module which uses images. If I have two instances of the module on a page, how do I code (jsx file) so that the styles are conditional upon the size of the image. I can find the height and width of the image but only using the specific class e.g my_module_image_0 or my_module_image_0 but I need to somehow use (this.) syntax but at the moment it's beyond me.

Thanks for any help.

Hi
I have a plugin and Im creanting blocks/modules/elements in VisualComposer, Gutenberg and Elementor.
Now I want to create a Divi module to my plugin but this example is to created a extension from raiz.

I will buil the module in a subfolder and The problem is it will create a node_module and package.json there too ... everything will be messy.

How can I sort this files to my convenience?

Is there some way to get more examples? Like, how are you dealing with the Menus in jsx?

Or is there some way to get access to the Dev version of Divi, the version that includes the jsx files?

Till last week, the example code was working fine for me. Approx a week ago, I updated Divi theme to its latest version (v3.29.3) and suddenly I started getting ReferenceError: React is not defined in console. As a result, modules created on top of this example stopped working and all broken down.

Here is the error I could see in console:

Note: I tried disabling all other plugins but it couldn't worked. Also, the same error appears with fresh 'divi-extension-example' setup.

Guys, this example is far different from the tutorial or even from the readme.md. If I put into the WP and enabled, I got messages from divi:
"This third party module is not fully compatible with the latest version of the Divi Builder. You can still edit the module, but a preview will not be rendered in the builder. You can contact the developer of the module to encourage them to update it. Click here for more info."

This tutorial is simple not working, that github repo is not avaiable.
https://www.elegantthemes.com/documentation/developers/create-divi-extension/

This tutorial also outdated:
https://www.elegantthemes.com/documentation/developers/how-to-create-a-divi-builder-module/

This is a paid stuff, can you please spend a little bit more time to make is useful? Please update the tutorial and etc.

Hi,

Is there any way to create multiple childs for an unique parent?

I'm trying to create a form that has multiple part. Each part has his own preformated and undefined number of items.

If not, will that be possible in the future ?

When defining buttons in child modules, default value for font-size doesn't work:

function get_advanced_fields_config() {
	return array(
		'button' => array(
			'button' => array(
				'label' => esc_html__( 'Button', 'et_builder' ),
				'text_size'           => array(
				      'default' => '56px',
				),
			), 
		),
	);
}

Value is always 0

The problem I am experiencing is the font-size: 0px is being outputted on the frontend and buttons are not visible.

If you have more than 23 modules it causes the backend to be slow/stuck. You can test by have WooCommerce for example and add more than 23 modules, when you click on the product tabs it does nothing/hangs around for 3-4 seconds and then works again.

No matter what I do it is down to the number of modules

The Title says it all, how can I provide a different default value than "auto" for my Module? I tried it multiple times with different approaches and also asked several AI Tools for help without success. I can't even change the default description of the Width and Height setting. So how can I do that?

Thats one of my tries:

// Define the fields that the module will accept.
    public function get_fields()
    {
        return array(
            // Width attribute
            'width' => array(
                'label' => esc_html__('Breite', 'et_builder'),
                'type' => 'text',
                'option_category' => 'layout',
                'description' => esc_html__('Geben Sie die gewünschte Breite ein.', 'et_builder'),
                'default' => '200px',
                'toggle_slug' => 'size',
            ),
            // Height attribute
            'height' => array(
                'label' => esc_html__('Höhe', 'et_builder'),
                'type' => 'text',
                'option_category' => 'design',
                'description' => esc_html__('Geben Sie die gewünschte Höhe ein.', 'et_builder'),
                'default' => '300px',
                'toggle_slug' => 'size',
            ),
        );
    }

Hi everyone,

I am having trouble implementing composite fields with computed props.
How can I use them?

Initially I created 6 fields (Select and text fields), all of them configured to affect a computed props. I can receive is correctly and process the props in the callback. All good here.

Then I created a composite field with 3 tabs and I divided the above fields into these tabs. Obviously I respected the same keys for each field and I deleted the old fields.
✓ The module modal immediately took the saved values.
✓ My PHP functionality continues to work properly.
✓ When I print the props from the module in React the data is fine.
X However, if I return the props from the computed prop callback, those keys don't exist.
X I tried to send the composite field to the computed prop. It exists, but the key is empty.

Is there a way to access the props of a composite field from computed prop callback?

Regards!

Is there anywhere where developers can learn about the different possible options for get_fields() function?

I found no docs regarding sortable_list type of fields or their properties such as right_actions, depends_show_if etc