Skip to content

How to center align the header text in .NET MAUI (SfExpander)? #2

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

Merged
merged 1 commit into from
Apr 17, 2025
Merged

How to center align the header text in .NET MAUI (SfExpander)? #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 6 additions & 11 deletions ExpanderMAUI/ExpanderMAUI.sln
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,27 +1,22 @@

Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17
VisualStudioVersion = 17.8.34330.188
VisualStudioVersion = 17.12.35506.116 d17.12
MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ExpanderMAUI", "ExpanderMAUI\ExpanderMAUI.csproj", "{86B992CD-185C-4A2C-9439-885773E0B51E}"
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "ExpanderMaui", "ExpanderMaui\ExpanderMaui.csproj", "{181DC4CB-F676-4F19-AC17-A674D4871C2E}"
EndProject
Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution
Debug|Any CPU = Debug|Any CPU
Release|Any CPU = Release|Any CPU
EndGlobalSection
GlobalSection(ProjectConfigurationPlatforms) = postSolution
{86B992CD-185C-4A2C-9439-885773E0B51E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{86B992CD-185C-4A2C-9439-885773E0B51E}.Debug|Any CPU.Build.0 = Debug|Any CPU
{86B992CD-185C-4A2C-9439-885773E0B51E}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
{86B992CD-185C-4A2C-9439-885773E0B51E}.Release|Any CPU.ActiveCfg = Release|Any CPU
{86B992CD-185C-4A2C-9439-885773E0B51E}.Release|Any CPU.Build.0 = Release|Any CPU
{86B992CD-185C-4A2C-9439-885773E0B51E}.Release|Any CPU.Deploy.0 = Release|Any CPU
{181DC4CB-F676-4F19-AC17-A674D4871C2E}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
{181DC4CB-F676-4F19-AC17-A674D4871C2E}.Debug|Any CPU.Build.0 = Debug|Any CPU
{181DC4CB-F676-4F19-AC17-A674D4871C2E}.Release|Any CPU.ActiveCfg = Release|Any CPU
{181DC4CB-F676-4F19-AC17-A674D4871C2E}.Release|Any CPU.Build.0 = Release|Any CPU
EndGlobalSection
GlobalSection(SolutionProperties) = preSolution
HideSolutionNode = FALSE
EndGlobalSection
GlobalSection(ExtensibilityGlobals) = postSolution
SolutionGuid = {4B68235C-BB88-4B43-9A5F-9B9A905249E0}
EndGlobalSection
EndGlobal
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/App.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:ExpanderMAUI"
x:Class="ExpanderMAUI.App">
xmlns:local="clr-namespace:ExpanderMaui"
x:Class="ExpanderMaui.App">
<Application.Resources>
<ResourceDictionary>
<ResourceDictionary.MergedDictionaries>
Expand Down
9 changes: 6 additions & 3 deletions ExpanderMAUI/ExpanderMAUI/App.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,15 @@
namespace ExpanderMAUI
namespace ExpanderMaui
{
public partial class App : Application
{
public App()
{
InitializeComponent();
}

MainPage = new MainPage();
protected override Window CreateWindow(IActivationState? activationState)
{
return new Window(new AppShell());
}
}
}
}
15 changes: 15 additions & 0 deletions ExpanderMAUI/ExpanderMAUI/AppShell.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" ?>
<Shell
x:Class="ExpanderMaui.AppShell"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:ExpanderMaui"
Shell.FlyoutBehavior="Flyout"
Title="ExpanderMaui">

<ShellContent
Title="Home"
ContentTemplate="{DataTemplate local:MainPage}"
Route="MainPage" />

</Shell>
10 changes: 10 additions & 0 deletions ExpanderMAUI/ExpanderMAUI/AppShell.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
namespace ExpanderMaui
{
public partial class AppShell : Shell
{
public AppShell()
{
InitializeComponent();
}
}
}
20 changes: 11 additions & 9 deletions ExpanderMAUI/ExpanderMAUI/ExpanderMAUI.csproj
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<Project Sdk="Microsoft.NET.Sdk">

<PropertyGroup>
<TargetFrameworks>net8.0-android;net8.0-ios;net8.0-maccatalyst</TargetFrameworks>
<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net8.0-windows10.0.19041.0</TargetFrameworks>
<TargetFrameworks>net9.0-android;net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net9.0-windows10.0.19041.0</TargetFrameworks>
<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
<!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> -->
<!-- <TargetFrameworks>$(TargetFrameworks);net9.0-tizen</TargetFrameworks> -->

<!-- Note for MacCatalyst:
The default runtime is maccatalyst-x64, except in Release config, in which case the default is maccatalyst-x64;maccatalyst-arm64.
Expand All @@ -14,14 +14,14 @@
<!-- For example: <RuntimeIdentifiers>maccatalyst-x64;maccatalyst-arm64</RuntimeIdentifiers> -->

<OutputType>Exe</OutputType>
<RootNamespace>ExpanderMAUI</RootNamespace>
<RootNamespace>ExpanderMaui</RootNamespace>
<UseMaui>true</UseMaui>
<SingleProject>true</SingleProject>
<ImplicitUsings>enable</ImplicitUsings>
<Nullable>enable</Nullable>

<!-- Display name -->
<ApplicationTitle>ExpanderMAUI</ApplicationTitle>
<ApplicationTitle>ExpanderMaui</ApplicationTitle>

<!-- App Identifier -->
<ApplicationId>com.companyname.expandermaui</ApplicationId>
Expand All @@ -30,8 +30,11 @@
<ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
<ApplicationVersion>1</ApplicationVersion>

<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">11.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">13.1</SupportedOSPlatformVersion>
<!-- To develop, package, and publish an app to the Microsoft Store, see: https://aka.ms/MauiTemplateUnpackaged -->
<WindowsPackageType>None</WindowsPackageType>

<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">15.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">15.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">21.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
Expand All @@ -58,8 +61,7 @@

<ItemGroup>
<PackageReference Include="Microsoft.Maui.Controls" Version="$(MauiVersion)" />
<PackageReference Include="Microsoft.Maui.Controls.Compatibility" Version="$(MauiVersion)" />
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="8.0.0" />
<PackageReference Include="Microsoft.Extensions.Logging.Debug" Version="$(MauiVersion)" />
<PackageReference Include="Syncfusion.Maui.Expander" Version="*" />
</ItemGroup>

Expand Down
31 changes: 31 additions & 0 deletions ExpanderMAUI/ExpanderMAUI/ExpanderMaui.csproj.user
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="utf-8"?>
<Project ToolsVersion="Current" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
<PropertyGroup>
<IsFirstTimeProjectOpen>False</IsFirstTimeProjectOpen>
<ActiveDebugFramework>net9.0-windows10.0.19041.0</ActiveDebugFramework>
<ActiveDebugProfile>Windows Machine</ActiveDebugProfile>
</PropertyGroup>
<ItemGroup>
<None Update="App.xaml">
<SubType>Designer</SubType>
</None>
<None Update="AppShell.xaml">
<SubType>Designer</SubType>
</None>
<None Update="MainPage.xaml">
<SubType>Designer</SubType>
</None>
<None Update="Platforms\Windows\App.xaml">
<SubType>Designer</SubType>
</None>
<None Update="Platforms\Windows\Package.appxmanifest">
<SubType>Designer</SubType>
</None>
<None Update="Resources\Styles\Colors.xaml">
<SubType>Designer</SubType>
</None>
<None Update="Resources\Styles\Styles.xaml">
<SubType>Designer</SubType>
</None>
</ItemGroup>
</Project>
33 changes: 25 additions & 8 deletions ExpanderMAUI/ExpanderMAUI/MainPage.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,37 +1,54 @@
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:syncfusion="clr-namespace:Syncfusion.Maui.Expander;assembly=Syncfusion.Maui.Expander"
x:Class="ExpanderMAUI.MainPage">
xmlns:syncfusion="clr-namespace:Syncfusion.Maui.Expander;assembly=Syncfusion.Maui.Expander"
x:Class="ExpanderMaui.MainPage">

<ScrollView BackgroundColor="#EDF2F5">
<StackLayout>
<syncfusion:SfExpander>
<syncfusion:SfExpander.Header>
<Grid HeightRequest="50">
<Label Text="Veg Pizza" TextColor="#495F6E" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
<Label Text="Veg Pizza"
TextColor="#495F6E"
VerticalTextAlignment="Center"
HorizontalTextAlignment="Center" />
</Grid>
</syncfusion:SfExpander.Header>
<syncfusion:SfExpander.Content>
<Grid Padding="10,10,10,10" BackgroundColor="#FFFFFF">
<Label BackgroundColor="#FFFFFF" HeightRequest="60" Text="Veg pizza is prepared with the items that meet vegetarian standards by not including any meat or animal tissue products." TextColor="#303030" VerticalTextAlignment="Center"/>
<Grid Padding="10,10,10,10"
BackgroundColor="#FFFFFF">
<Label BackgroundColor="#FFFFFF"
HeightRequest="60"
Text="Veg pizza is prepared with the items that meet vegetarian standards by not including any meat or animal tissue products."
TextColor="#303030"
VerticalTextAlignment="Center" />
</Grid>
</syncfusion:SfExpander.Content>
</syncfusion:SfExpander>

<syncfusion:SfExpander>
<syncfusion:SfExpander.Header>
<Grid HeightRequest="50">
<Label Text="Non-veg Pizza" TextColor="#495F6E" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>
<Label Text="Non-veg Pizza"
TextColor="#495F6E"
VerticalTextAlignment="Center"
HorizontalTextAlignment="Center" />
</Grid>
</syncfusion:SfExpander.Header>
<syncfusion:SfExpander.Content>
<Grid Padding="10,10,10,10" BackgroundColor="#FFFFFF">
<Label Text="Non-veg pizza is prepared by including the meat and animal tissue products." HeightRequest="50" TextColor="#303030" VerticalTextAlignment="Center"/>
<Grid Padding="10,10,10,10"
BackgroundColor="#FFFFFF">
<Label Text="Non-veg pizza is prepared by including the meat and animal tissue products."
HeightRequest="50"
TextColor="#303030"
VerticalTextAlignment="Center" />
</Grid>
</syncfusion:SfExpander.Content>
</syncfusion:SfExpander>
</StackLayout>
</ScrollView>



</ContentPage>
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/MainPage.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
namespace ExpanderMAUI
namespace ExpanderMaui
{
public partial class MainPage : ContentPage
{
public MainPage()
{
InitializeComponent();
}
}
}

}
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/MauiProgram.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
using Microsoft.Extensions.Logging;
using Syncfusion.Maui.Core.Hosting;

namespace ExpanderMAUI
namespace ExpanderMaui
{
public static class MauiProgram
{
Expand All @@ -10,6 +10,7 @@ public static MauiApp CreateMauiApp()
var builder = MauiApp.CreateBuilder();
builder
.UseMauiApp<App>()
.ConfigureSyncfusionCore()
.ConfigureFonts(fonts =>
{
fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
Expand All @@ -18,7 +19,6 @@ public static MauiApp CreateMauiApp()

#if DEBUG
builder.Logging.AddDebug();
builder.ConfigureSyncfusionCore();
#endif

return builder.Build();
Expand Down
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/Platforms/Android/MainActivity.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
using Android.Content.PM;
using Android.OS;

namespace ExpanderMAUI
namespace ExpanderMaui
{
[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, LaunchMode = LaunchMode.SingleTop, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize | ConfigChanges.Density)]
public class MainActivity : MauiAppCompatActivity
{
}
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/Android/MainApplication.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
using Android.App;
using Android.Runtime;

namespace ExpanderMAUI
namespace ExpanderMaui
{
[Application]
public class MainApplication : MauiApplication
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/MacCatalyst/AppDelegate.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
using Foundation;

namespace ExpanderMAUI
namespace ExpanderMaui
{
[Register("AppDelegate")]
public class AppDelegate : MauiUIApplicationDelegate
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/MacCatalyst/Program.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
using ObjCRuntime;
using UIKit;

namespace ExpanderMAUI
namespace ExpanderMaui
{
public class Program
{
Expand Down
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/Platforms/Tizen/Main.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
using System;
using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using System;

namespace ExpanderMAUI
namespace ExpanderMaui
{
internal class Program : MauiApplication
{
Expand Down
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/Platforms/Tizen/tizen-manifest.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="7" xmlns="http://tizen.org/ns/packages">
<manifest package="maui-application-id-placeholder" version="0.0.0" api-version="9" xmlns="http://tizen.org/ns/packages">
<profile name="common" />
<ui-application appid="maui-application-id-placeholder" exec="ExpanderMAUI.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
<ui-application appid="maui-application-id-placeholder" exec="ExpanderMaui.dll" multiple="false" nodisplay="false" taskmanage="true" type="dotnet" launch_mode="single">
<label>maui-application-title-placeholder</label>
<icon>maui-appicon-placeholder</icon>
<metadata key="http://tizen.org/metadata/prefer_dotnet_aot" value="true" />
Expand Down
4 changes: 2 additions & 2 deletions ExpanderMAUI/ExpanderMAUI/Platforms/Windows/App.xaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<maui:MauiWinUIApplication
x:Class="ExpanderMAUI.WinUI.App"
x:Class="ExpanderMaui.WinUI.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:maui="using:Microsoft.Maui"
xmlns:local="using:ExpanderMAUI.WinUI">
xmlns:local="using:ExpanderMaui.WinUI">

</maui:MauiWinUIApplication>
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/Windows/App.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
// To learn more about WinUI, the WinUI project structure,
// and more about our project templates, see: http://aka.ms/winui-project-info.

namespace ExpanderMAUI.WinUI
namespace ExpanderMaui.WinUI
{
/// <summary>
/// Provides application-specific behavior to supplement the default Application class.
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/Windows/Package.appxmanifest
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<Identity Name="maui-package-name-placeholder" Publisher="CN=User Name" Version="0.0.0.0" />

<mp:PhoneIdentity PhoneProductId="C351BA31-D87C-44E1-B832-5F189CAABFF9" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>
<mp:PhoneIdentity PhoneProductId="48058967-6E88-4CED-99A8-94ABDC846103" PhonePublisherId="00000000-0000-0000-0000-000000000000"/>

<Properties>
<DisplayName>$placeholder$</DisplayName>
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/Windows/app.manifest
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<assembly manifestVersion="1.0" xmlns="urn:schemas-microsoft-com:asm.v1">
<assemblyIdentity version="1.0.0.0" name="ExpanderMAUI.WinUI.app"/>
<assemblyIdentity version="1.0.0.0" name="ExpanderMaui.WinUI.app"/>

<application xmlns="urn:schemas-microsoft-com:asm.v3">
<windowsSettings>
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/iOS/AppDelegate.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
using Foundation;

namespace ExpanderMAUI
namespace ExpanderMaui
{
[Register("AppDelegate")]
public class AppDelegate : MauiUIApplicationDelegate
Expand Down
2 changes: 1 addition & 1 deletion ExpanderMAUI/ExpanderMAUI/Platforms/iOS/Program.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
using ObjCRuntime;
using UIKit;

namespace ExpanderMAUI
namespace ExpanderMaui
{
public class Program
{
Expand Down
Loading