<api><slot/></api> cannot be used in LVGL Editor 1.02

[ShenRen]

When creating the component for the message box, I needed to expose the buttons to the outside for handling the click events, but I couldn't export them.

lvgl xml slot doc

<component>
	<previews>
		<preview width="854" height="480" style_bg_color="0x16161B" />
	</previews>

	<api>
		<prop name="title" type="string" default="tr_bluetooth_input_pin" />
		<!-- BUG：The editor does not support this slot syntax feature. -->
		<slot name="button_cancel" />
		<slot name="button_connect" /> 
		
	</api>

	<view width="#th_size_messagebox_width" height="#th_size_messagebox_height" align="center" style_border_width="0">
		<style name="th_style_messagebox_base" />
		<lv_label translation_tag="$title" align="top_mid" y="24">
			<style name="th_style_font_title" />
		</lv_label>

		<!-- The password input box automatically gains focus. -->
		<!-- The text is not centered. -->
		<textarea width="90%" align="center" text="" focused="true">
			<event_cb callback="on_textarea_password_changed" trigger="value_changed" user_data="button_connect" />
		</textarea>

		<button_second name="button_cancel" align="bottom_left" text="tr_cancel" x="24" y="-16">
			<subject_set_int_event subject="messagebox_bluetooth_connect_visible" trigger="clicked" value="0" />
		</button_second>
		<!-- Default disable button. Wait for entering the PIN code. disabled="true" -->
		<button_primary name="button_connect" align="bottom_right" text="tr_connect" x="-24" y="-16">
			<subject_set_int_event subject="messagebox_bluetooth_connect_visible" trigger="clicked" value="0" />
			<subject_set_int_event subject="settings_bluetooth_status" trigger="clicked" value="1" />
		</button_primary>
	</view>
</component>

[mrhubbs]

@ShenRen Yes, unfortunately the Editor is lagging a little bit behind the latest LVGL XML features. We have a release coming out next week... which will also not have the slot feature.

We will add support next month, though. Moving forward, the Editor should remain in lockstep with LVGL development.

[github-actions]

This issue has been inactive for 30 days.

[mrhubbs]

Not stale. Planned soon.

[julian-mjp]

Hi! I'm currently running into this issue, is there any update on when slot support will be available in the editor?

Is there a recommended workaround for passing children into reusable components in the meantime?

[mrhubbs]

I don't think we have a workaround. @giovanni Can you think of one?

We are planning to implement slot support next week.

[giobauermeister]

Hi @ShenRen I'm not sure I fully understand what you really want to achieve. But let me try to help.

You want to have different callbacks for the message box buttons, depending on where you use the message box in the UI is that correct?

I see you are already naming the buttons like name="button_cancel" and name="button_connect"

When you create the message box object somewhere in the UI, you could use lv_obj_find_by_name
eg
lv_obj_t * button_connect_obj = lv_obj_find_by_name(message_box_parent_obj, "button_connect");

and then add a click callback to the button_connect_obj.

But you would be probably better off creating the message box as a widget where you can have more C custom logic paired with XML.

[tsalpietro-intelli]

Any update here? I think slot support (per the LVGL Pro documentation) would be great to incorporate. One use case is using to bind subjects to images. Since the bind-src functionality isn't implemented for compiled C images. The slot functionality would help as you can access images within shared components, so you can set the right source.