DataForm : TKPropertyEditorStyle not working

3 posts, 0 answers
  1. Michael
    Michael avatar
    7 posts
    Member since:
    Dec 2016

    Posted 13 Dec 2016 Link to this post

    Hello,

    I'm using DataForm module for Nativescript UI (with Angular), and I get somes troubles to set style inside my form.

    Set style in a TKEntityProperty is not working at all, while using TKPropertyEditorStyle wrapped in a TKPropertyEditor component.

     

    Whereas to set styling in TKPropertyGroup works perfectly, when using TKGroupTitleStyle as its first child.

     

    Here is my template code, an exact copy from Nativescript ui samples repo :

    <RadDataForm [source]="intervention"
                         (propertyCommit)="dfPropertyCommit($event)"
                         (propertyCommitted)="dfPropertyCommitted($event)"
                         commitMode="Manual"
                         validationMode="OnLostFocus">
        <TKPropertyGroup tkDataFormGroups name="Main Info" hidden="false">
            <TKGroupTitleStyle tkPropertyGroupTitleStyle fillColor="#6A1B9A" labelTextSize="15" ios:labelFontName="Times New Roman" android:labelFontName="sans-serif" labelFontStyle="Bold" labelTextColor="White"></TKGroupTitleStyle>
            <TKEntityProperty tkPropertyGroupProperties name="commentaire" displayName="Comment" index="6">
                <TKPropertyEditor tkEntityPropertyEditor type="Text">
                    <TKPropertyEditorStyle tkPropertyEditorStyle strokeColor="#6A1B9A" strokeWidth="2" fillColor="#E040FB" labelHidden="false" labelTextSize="18" ios:labelFontName="Times New Roman" android:labelFontName="sans-serif-light" labelFontStyle="Italic" labelTextColor="#6A1B9A"></TKPropertyEditorStyle>
                </TKPropertyEditor>
            </TKEntityProperty>
        </TKPropertyGroup>
    </RadDataForm>

     

    And what I get in my app :

    Image link

     

    Thanks for your help

  2. Michael
    Michael avatar
    7 posts
    Member since:
    Dec 2016

    Posted 13 Dec 2016 in reply to Michael Link to this post

    Important information about this bug :

    It's not working only when I set isReadOnly property to RadDataForm like this :

    <RadDataForm [source]="intervention" [isReadOnly]="true">
            ...............
            ...............
    </RadDataForm>

     

    So set style to TKEntityProperty works good now, while not using isReadOnly property

  3. Vladi
    Admin
    Vladi avatar
    749 posts

    Posted 15 Dec 2016 Link to this post

    Hi Michael,

    Thank you for contacting us.

    I managed to reproduce the described issue and indeed on Android the TKPropertyEditorStyle is overriden when the RadDataForm is in its readonly state. We have logged this issue in our internal backlog and we will do our best to resolve it as soon as possible.

    I updated your Progress points for bringing this to our attention.   

    Regards,
    Vladi
    Telerik by Progress
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
Back to Top