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

Base page

A standard layout for making new pages within the app.

How to use this component

Every page on the app should use the basePage layout as a foundation.


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
<?xml version="1.0" encoding="utf-8" ?>
<pages:BasePage x:Class=""
                xmlns="http://xamarin.com/schemas/2014/forms"
                xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                xmlns:buttons="clr-namespace:CardiffMobileApp.Controls.Buttons"
                xmlns:converter="clr-namespace:CardiffMobileApp.Converter"
                xmlns:pages="clr-namespace:CardiffMobileApp.Pages"
                xmlns:resx="clr-namespace:CardiffMobileApp.Resx;assembly=CardiffMobileApp"
                xmlns:styles="clr-namespace:CardiffMobileApp.Styles;assembly=CardiffMobileApp"
                Title="">
    <pages:BasePage.BasePageContent>
       
    </pages:BasePage.BasePageContent>
</pages:BasePage>