xamarin/Xamarin.Forms

[Bug] Not able to apply CSS styling to Span control

Open

#5,979 opened on Apr 23, 2019

View on GitHubContributor guide
 (8 comments) (4 reactions) (1 assignee)C# (1,926 forks)batch import
e/3 :clock3:help wantedt/bug :bug:up-for-grabs

Repository metrics

Stars
 (5,644 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Description

Unable to use CSS styling on Span control inside FormattedText of Label. Although the docs mention this https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/styles/css/ ...

Steps to Reproduce

            <Label>
                <Label.FormattedText>
                    <FormattedString>
                        <Span Text="We want to hear your thoughts! Feel free to join our " />
                        <Span Text="Slack Organization" TextDecorations="Underline" />
                        <Span Text=" or send us an email at " />
                        <Span Text="testing@gmail.com" TextColor="#69d5b1" />
                    </FormattedString>
                </Label.FormattedText>
            </Label>

We wanted to apply text color and text decoration through CSS styling, but were unable to do so.

Reproduction Link

Repository containing the page https://github.com/Coding-Coach/mobile/blob/556191e0d429a80a036d0928998255654c88d4e4/CodingCoach/CodingCoach/Views/ContactPage.xaml

Contributor guide

Research direction
Investigate how CSS styling is applied to Span elements in Xamarin.Forms. Check the CSS parsing and rendering pipeline for FormattedText.
Tech stack
csharpcss
Domain
mobile
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Xamarin.FormsCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70