Content-Length: 285228 | pFad | https://github.com/NativeScript/NativeScript/issues/1280

60 text-transform breaks child colors · Issue #1280 · NativeScript/NativeScript · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

text-transform breaks child colors #1280

Closed
sitefinitysteve opened this issue Dec 21, 2015 · 8 comments
Closed

text-transform breaks child colors #1280

sitefinitysteve opened this issue Dec 21, 2015 · 8 comments
Labels
bug done
Milestone
1.6.0

Comments

@sitefinitysteve
Copy link
Contributor

http://www.screencast.com/t/ywVfBrLx

So this works okay, text though isn't uppercase

<Label cssClass="logo-label" textWrap="false">
    <Label.formattedText>
        <FormattedString>
            <FormattedString.spans>
                <Span text="{{ BrandPrefix }}" fontAttributes="Bold" cssClass="prefix" />
                <Span text="{{ BrandPostfix }}" fontAttributes="Bold" foregroundColor="#bd5680" />
            </FormattedString.spans>
        </FormattedString>
    </Label.formattedText>
</Label>

So when I add in text-transform: uppercase it's now uppercase, but I lose the purple on "Help"
@ghost
Copy link

ghost commented Dec 29, 2015

yes text-transform does not work..but text-transform is not mentioned in the docs http://docs.nativescript.org/ui/styling so i guess it is not meant to work in the first place..kindly suggest any other way to transform the case of text...

@sitefinitysteve
Copy link
Contributor Author

It might not be in the docs, but it is there... Just maybe borked which is why i opened the issue

https://twitter.com/nativescript/status/677116835398053888

@ghost
Copy link

ghost commented Dec 29, 2015

okay i found this in the docs http://docs.nativescript.org/ApiReference/ui/enums/TextTransform/README i have no idea how to implement this in the view

@sitefinitysteve
Copy link
Contributor Author

Just add it in the css like you would in html. The issue isn't that it doesn't work, but that it resets my colors

@ghost
Copy link

ghost commented Dec 29, 2015

okay..i have another issue regarding this..i am loading a list from a http call and the list is loading fine and i can getting the desired text-transform, BUT i only see the text in the visible area as capitalized the rest of the text is not, so when i scroll down i see non-styled text

@sitefinitysteve
Copy link
Contributor Author

I'm not using it on that context so i can't comment, but if you believe this to be a problem, open a new issue for it... Its not related to this one so it might get overlooked

@enchev enchev self-assigned this Jan 7, 2016
@enchev enchev mentioned this issue Jan 11, 2016
Merged
@enchev enchev added the bug label Jan 11, 2016
@enchev enchev added this to the 1.6.0 milestone Jan 11, 2016
@enchev enchev added the done label Jan 12, 2016
@enchev enchev closed this as completed Jan 12, 2016
@priyangamani
Copy link

Text Transform is not working in tns 3.0

@lock
Copy link

lock bot commented Aug 28, 2019

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@lock lock bot locked and limited conversation to collaborators Aug 28, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
bug done
Projects
None yet
Milestone
1.6.0
Development

No branches or pull requests
3 participants
@sitefinitysteve @enchev @priyangamani








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: https://github.com/NativeScript/NativeScript/issues/1280

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy