TKPropertyEditor width styling

2 posts, 0 answers
  1. Vamsi
    Vamsi avatar
    18 posts
    Member since:
    Apr 2017

    Posted 20 Sep Link to this post

    TKPropertyEditor with labelPosition "Top" is wrapped nicely to the next line if the text length of the label is more than the screen size on android, but on iOs its not and its not displaying the full label. Pleas see the attached screenshots for difference between Android and iOS.

     

  2. nikolay.tsonev
    Admin
    nikolay.tsonev avatar
    287 posts

    Posted 21 Sep Link to this post

    Hello, Vamsi,

    Thank you for reporting this issue.
    I reviewed this scenario and indeed the text in iOS will not be wrapped correctly. Regarding that, I logged new issue here, where you could keep track on it for further info.

    In the meantime, I would suggest using labelTextSize property and to change the font size with the appropriate value, which will display fully the text.
    For example:
    <TKEntityProperty displayName="testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestt" tkPropertyGroupProperties name="email">
                <TKPropertyEditor  tkEntityPropertyEditor type="Email">
                    <TKPropertyEditorStyle  tkPropertyEditorStyle strokeColor="#00695c" strokeWidth="2" fillColor="#4db6ac" labelHidden="false"
                        labelTextSize="10" ios:labelFontName="Times New Roman" ios:textWrap="true" android:labelFontName="sans-serif-light" labelFontStyle="Italic"
                        labelPosition="Top" labelWidth="60" labelTextColor="#00695c"></TKPropertyEditorStyle>
                    </TKPropertyEditor>
            </TKEntityProperty>


    Regards,
    nikolay.tsonev
    Progress Telerik
    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