Cardiff Council Content and design system

www.cardiff.gov.uk

App

viewers

Pdf page viewerMarkdown viewMap Image

popups

How to: Animate a popupHow to: Create a popupSuccess popup (page removal)Message popupSuccess popup (and or go to new route)

pages

Base pageHome pageProcess pageDetails page

layout

Section headingDividerNoteMarginsError labelHeadingHighlightAlertNotifyAnimationTextStandard header iconsLinks

input

SwitchTime pickerPickerCheckboxText editorMapSearch bar with GPSSearch addressSearch barText entry

buttons

EditCancel buttonVertical transparent buttonVertical inverted buttonTag buttonCarousel buttonCallout button (Main)Vertical buttonNext / Back buttonsClose buttonInfo buttonFull button

accessibility

AutomationProperties.IsInAccessibleTreeAutomationProperties.NameAutomationProperties.HelpTextUseful docs

Markdown view

A way to display markdown.

How to use this component

Normal used to display T&Cs, privacy statements etc.

See context for a full page example with and agree button.


Code Resource


Deprecated: htmlentities(): Passing null to parameter #1 ($string) of type string is deprecated in /home/site/wwwroot/wp-content/themes/huntsman-child/single-mobile.php on line 96
<markdown:MarkdownView Markdown="{Binding StatementMarkdown}" />
  • Markdown
    • Used to set the markdown content to be displayed
<pages:BasePage.BasePageContent>
    <!-- Statement -->
    <ScrollView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        <custom:MarkdownView Markdown="{Binding StatementMarkdown}" />
    </ScrollView>

    <sections:Divider HeightRequest="1" />
    <!-- Accept Btn -->
    <buttons:CallOut Margin="15,15,15,15"
                     Clicked="CallOut_Clicked"
                     Text="{x:Static resx:AppResources.LblConfirmAgree}"
                     VerticalOptions="End" />
</pages:BasePage.BasePageContent>

How should this component look?