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

Error label

Displays validation errors

How to use this component

Used to show user an error in the users input


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
<controls:ErrorLabel Margin="{StaticResource FormMargins}"
                     Padding="0,10,0,10"
                     Errors="{Binding Report.Errors[PaymentDate]}" />
  • Errors
    • List of errors
    • Default is Empty List
  • ErrorName
    • Used to add error name to the ‘is required’ error message
    • Default is String.Empty
Most of the time the error will be linked up with the automatic validation.
But there are cases where we need to manually set the error from the code behind - 

LblErrorEmailContactNumberRequired.Errors = new List<string> { AppResources.ValidateEmailandContactNumber };

How should this component look?