Custom renderering

[Chandan]

Is it possible to create custom renderer for each control in Xamarin forms, and is it easy or hard??

 

What I want is- UI look must be same on each platform, so will Telerik will be useful for me or not??

Please Reply...ASAP.

Thanks in advance.

[Lance | Manager Technical Support]

Hello Chandan,

Having the same appearance and UX on each platform goes against the design philosophy of Xamarin and Xamarin.Forms. The user expects that an application looks and works like a native application.

That being said, you can certainly design your controls to look the same on every platform, but it will take some work because certain native controls are just fundamentally different. For example a simple button, or toggle switch, control is different on each platform.

Lastly, if you want an identical appearance on each platform, you might want to go the web wrapper route instead. However, users can generally tell when an app is web based simply because the controls do not look or feel like native controls.

You can learn how to create custom renderers here.

Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik

[Chandan]

Can I do custom renderering for each control in telerik UI for Xamarin forms??

 

 

For example, I want DataForm control of telerik UI for Xamarin.Forms to look exactly same in each platform. Is it possible? And if yes, can you please share the link from where I can have examples of custom renderers of telerik controls.

 

 

Beacause in the documentation of telerik UI for Xamarin forms,...there is nothing about custom rendering. Please reply. 

 

 

Thankyou in advance.

[Lance | Manager Technical Support]

Hello Chandran,

You can find documentation for creating custom renderers under the "How To" sections of controls that have tutorials for renderers.

For example, there are two for the DataForm control:

- http://docs.telerik.com/devtools/xamarin/controls/dataform/howto/dataform-howto-use-native-editors-android
- http://docs.telerik.com/devtools/xamarin/controls/dataform/howto/dataform-howto-use-native-editors-ios

Note that those tutorials are geared towards customizing the native editors to provide a better experience for a specific data type. Each platform's native editor will still be a different control and has it's default appearance (e.g. text entry controls are different).

All of the controls have a renderer that you can inherit from, even if you don't see a documentation topic for it. You can find the renderer class name in the following documentation articles:

• Calendar Register Renderer
• Chart Register Renderer
• DataForm Register Renderer
• ListView Register Renderer
• SideDrawer Register Renderer

Further Support for Custom UI

As far as creating custom styling so that the controls match on each platform, as I stated before this goes against the design of UI for Xamarin and you'll likely find it a difficult experience to completely override all the components.

Creating custom UI styling with the controls falls outside the scope of UI for Xamarin support, however you can reach out to our Professional Services partners who can work with you to create a solution. Go here to contact Professional Services.

I hope I was able to answer your question to your satisfaction.

Regards,
Lance | Tech Support Engineer, Sr.
Progress Telerik