Using Custom Elements with Telerik UI for PHP Form

[CP]

Hi Folks,

The Telerik UI for PHP works well to allow for using standard elements within the library. I'm able to create a standard Telerik form and field as below for example.

$username = new \Kendo\UI\FormItem();
$username->label("Username")
	->field("Username")
	->validation(array("required" => true));

$form = new \Kendo\UI\Form("form");
$form->orientation("vertical")
	->addItem($username);

Is it possible however to add a custom HTML element to a form, such as the markup for a Google Sign In button for instance? (Maybe something like the below).

$googleButton = new \Kendo\UI\HtmlItem();
$googleButton->content("<div>[code for Google button]</div>");

$form = new \Kendo\UI\Form("form");
$form->orientation("vertical")
	->addItem($googleButton);

Thanks,

CP.

[Neli]

Hello Carey,

I would suggest you take a look at the following thread from our Forum where a similar issue is discussed:

- https://www.telerik.com/forums/customer-editor

Please try the suggested approaches and let me know in case you have additional questions on the matter.

Regards,
Neli
Progress Telerik

[CP]

Hi Neil,

Thanks for your feedback. I had a look at the forum thread you mentioned, as well as the documentation for items.editor and buttonsTemplate; however, I'm unclear as to how I'd apply either in my situation.

The items.editor seems to be specifically aimed at creating a custom input field, while buttonsTemplate seems to be about creating custom form buttons in sequence. Maybe there's something I'm not getting, but what I'm trying to achieve, is adding a completely custom HTML element to the form, in a custom position.

Please let me know if there's something I'm missing.

Thanks,

CP.

[Neli]

Hi Carey,

I am afraid I could not suggest a different approach for adding a custom button to the Kendo Form. You could add a custom button either through buttonsTemplate or as a custom editor. In order to demonstrate creating a button in editor function, I have prepared a Dojo where a button is created in the items.editor.

You could log your idea in our official Feedback Portal, describing in detail the desired result. Depending on the popularity the issue gain in the community, it could be considered for implementation in a future release.

Regards,

Neli

[CP]

Hi Neil,

Thanks for the Dojo. I was actually able to modify what you sent for my needs, so the custom editor function does in-fact work. Thanks a lot!

Regards,

CP.