image for editors in datafrom

10 posts, 2 answers
  1. vivek
    vivek avatar
    16 posts
    Member since:
    Oct 2017

    Posted 02 Nov Link to this post

    How can  i add images for editor controls in dataform as shown in attached image?
  2. vivek
    vivek avatar
    16 posts
    Member since:
    Oct 2017

    Posted 03 Nov in reply to vivek Link to this post

    Hello,

    I was able to render the Date editor editor as image attached using the below layout and custom renderer :

     

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

     
      <FrameLayout
          android:id="@+id/data_form_header_container"
          android:layout_gravity="center_vertical"
          android:layout_width="match_parent"
          android:layout_marginLeft="12dp"
          android:textColor ="#000000"
          android:layout_height="20dp"
          />
      <RelativeLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
           android:id="@+id/rl_date"
          android:layout_margin="16dp"
          android:background="#242D3C"
          android:layout_below="@id/data_form_header_container"
         >
        <FrameLayout
            android:id="@+id/data_form_editor_container"
            android:layout_width="match_parent"
            android:layout_marginLeft="12dp"
          android:textColor ="#ffffff"
            android:layout_height="44dp" />
        <View
          android:id="@+id/divider"
         android:layout_width="5dp"
          android:layout_height="match_parent"
          android:background="#FF0000"
         android:layout_toLeftOf ="@id/data_form_editor_image"/>
        <ImageView
          android:id="@+id/data_form_editor_image"
          android:visibility="gone"
          android:layout_width="20dp"
          android:layout_height="20dp"
          android:layout_centerVertical="true"
          android:layout_alignParentRight="true" />

        <ImageView
           android:id="@+id/data_form_validation_icon"
           android:visibility="gone"
           android:layout_width="0dp"
           android:layout_height="0dp" />
      </RelativeLayout>
      <FrameLayout
          android:id="@+id/data_form_validation_container"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_below="@id/rl_date"
           />
    </RelativeLayout>

     

    How ever still i would like to make the editor heading "Bold" and change the colour of text in editor. Please help how can i achieve that. PFA.

  3. vivek
    vivek avatar
    16 posts
    Member since:
    Oct 2017

    Posted 03 Nov in reply to vivek Link to this post

    Again I am able to change the colour of text in editors using below code :

    But again how can i make the editor headers BOLD 

    protected override void UpdateEditor(EntityPropertyEditor editor, Telerik.XamarinForms.Input.DataForm.IEntityProperty property)
          {
              base.UpdateEditor(editor, property);
     
              if (editor.Property().Name() == "ReservationDate")
              {
                  var autoComplete = editor.EditorView as Android.Widget.TextView;
                  autoComplete.Background = null;
                  autoComplete.SetTextColor(Android.Graphics.Color.White);
                  
              }
          }

     

     

     

  4. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    487 posts

    Posted 03 Nov Link to this post

    Hello Vivek,

    The only properties we currently support for styling are seen here via the Editors Styling properties we expose through the Xamarin Forms API. 

    The other elements can only be styled using customer renderers on the native platform. Customer renderer and custom native platform styling falls outside the scope of support as it is not an exposed feature of the control. I have submitted a feedback request on your behalf for the native control to expose more features for styling. 

    In the meantime, if this is an immediate must-have for you, we have professional services partners who specialize in custom design and custom feature development. If you'd like to be introduced to one to discuss contracting them, fill out the form here and I'll make sure someone reaches out to you as soon as possible. 

    Regards,
    Lance | Tech Support Engineer, Sr.
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. vivek
    vivek avatar
    16 posts
    Member since:
    Oct 2017

    Posted 06 Nov in reply to Lance | Tech Support Engineer, Sr. Link to this post

    Customization the data form as per the app theme is one of the most important requirement. I am not satisfied with the knowledge provided in the documentation. I dont know how at how many places i have to fill the form and start a new process just to change the font attribute to bold of a label. We are really looking forward to buy this product as calander fully satisfied our requirement. but customizing the dataform is very much important. 
  6. Answer
    Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    487 posts

    Posted 06 Nov Link to this post

    Hi Vivek,

    We do understand the limitations the currently available APIs present. More styling options for the RadDataForm is one of the highest requested feedback items for the RadDataForm and rest assured the dev team has it on high priority for future releases. At this time, those are all the options available to style the editors from XamarinForms.

    In particular, we have this feature request in the Feedback Portal that would allow you to use your own editor in a template using a Xamarin.Forms template instead of the native control. This would give you full control over the appearance of the editor from the PCL.

    Alternatively, you can always style the low-level controls and UI elements, but that's outside the scope of the suite of controls and is up to you to implement.

    If there is anything else you'd like to see the development team implement, please add it to the Feedback Portal, the team uses it to prioritize what is worked on next and gets implemented ahead of other feature requests.

    Regards,
    Lance | Tech Support Engineer, Sr.
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. vivek
    vivek avatar
    16 posts
    Member since:
    Oct 2017

    Posted 07 Nov in reply to Lance | Tech Support Engineer, Sr. Link to this post

    ok..i am also not able to get any information about the styleClass property of dataform. I would really appreciate if you can provide me a proper documentation on style class or a good example to show how this property can be used to give a style to dataform?
  8. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    487 posts

    Posted 07 Nov Link to this post

    Hello Vivek,

    We do have documentation here that shows you how to set the elements of the native control's (e.g. reused header via the HeaderView property). I do understand what you're asking, but there just isn't just isn't an option to edit the header from Xamarin.Forms via a style class yet. Therefore it's up to you to design and layout the Android Layout.

    You'll find all of the currently available documentation for the native controls under the "Native Controls Wrappers" node there. If there's something else missing you'd like to see (in addition to the header styling topic), please don't hesitate to add it to the UI for Xamarin Feedback Portal.

    Regards,
    Lance | Tech Support Engineer, Sr.
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  9. Answer
    Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    487 posts

    Posted 07 Nov Link to this post

    Hi Vivek,

    Although it is out of scope, I've gone ahead and written an approach using the Xamairn.Android TextView API on the HeaderView to point you in the right direction. 

    Here's the code I used in my custom renderer's UpdateEditor method:

    protected override void UpdateEditor(EntityPropertyEditor editor, IEntityProperty property)
    {
        base.UpdateEditor(editor, property);
                 
        if (editor.HeaderView is TextView textView)
        {
            textView.SetBackgroundColor(Color.ParseColor("#FFFF0000"));
            textView.SetTypeface(Typeface.Serif, TypefaceStyle.Bold);
        }
    }

    This is using the normal Xamarin.Android API's TextView.SetTypeFace method and not a styling feature of RadDataForm. You're directly editing the native TextView used by the native RadDataForm.

    Here is the result at runtime:




    I hope this helps you get closer to your goals.

    Regards,
    Lance | Tech Support Engineer, Sr.
    Progress Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  10. vivek
    vivek avatar
    16 posts
    Member since:
    Oct 2017

    Posted 07 Nov in reply to Lance | Tech Support Engineer, Sr. Link to this post

    Thank you so much for your extra efforts..
Back to Top