Skip to content

[Windows] Fixed Shell flyout background image does not displayed #28977

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.

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 9 commits into from
May 21, 2025

Conversation

SubhikshaSf4851
Copy link
Contributor

Root Cause :

The FlyoutBackgroundImage and FlyoutBackgroundImageAspect were not implemented in Shell, resulting in the Flyout background image not being rendered on the Windows platform.

Description of Change:

I have implemented the necessary mappers for FlyoutBackgroundImage and FlyoutBackgroundImageAspect, updated them, and resolved the issue

Tested the behaviour in the following platforms

  • Windows
  • Android
  • iOS
  • Mac

Issue Fixed:

Fixes #21472

Screenshot

Before Issue Fix After Issue Fix

@dotnet-policy-service dotnet-policy-service bot added the community ✨ Community Contribution label Apr 14, 2025
Copy link
Contributor

Hey there @@SubhikshaSf4851! Thank you so much for your PR! Someone from the team will get assigned to your PR shortly and we'll get it reviewed.

@dotnet-policy-service dotnet-policy-service bot added the partner/syncfusion Issues / PR's with Syncfusion collaboration label Apr 14, 2025
@jsuarezruiz jsuarezruiz added the area-controls-shell Shell Navigation, Routes, Tabs, Flyout label Apr 14, 2025
@jsuarezruiz
Copy link
Contributor

/azp run MAUI-UITests-public

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@SubhikshaSf4851 SubhikshaSf4851 marked this pull request as ready for review April 15, 2025 09:35
@SubhikshaSf4851 SubhikshaSf4851 requested a review from a team as a code owner April 15, 2025 09:35
}

var service = provider.GetRequiredImageSourceService(imageSource);
var nativeImageSource = await service.GetImageSourceAsync(imageSource);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if nativeImageSource is null at this point, can directly set the pane background to null.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have updated the requested changes

@jsuarezruiz
Copy link
Contributor

/azp run MAUI-UITests-public

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

{
public Issue21472ContentPage()
{
Content = new Label
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To cover all the scenarios, could this be replaced by a Button and tapping it set the FlyoutBackgroundImage to null? In this way, with the test we can verify that we can set the background image and also remove it.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have modified the test sample as per your suggestion

@jsuarezruiz
Copy link
Contributor

/azp run MAUI-UITests-public

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@jsuarezruiz
Copy link
Contributor

/azp run MAUI-UITests-public

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@jsuarezruiz
Copy link
Contributor

/azp run MAUI-UITests-public

Copy link

Azure Pipelines successfully started running 1 pipeline(s).


[Test, Order(2)]
[Category(UITestCategories.Shell)]
public void VerifyShellFlyoutBackgroundImageSetNull()
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pending snapshot on Mac and Windows. Available in the latest build.
image

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pending Snapshots were added.

@jsuarezruiz
Copy link
Contributor

/azp run MAUI-UITests-public

Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@PureWeen PureWeen changed the base branch from main to inflight/current May 21, 2025 17:37
@PureWeen PureWeen merged commit 3a5993a into dotnet:inflight/current May 21, 2025
79 checks passed
github-actions bot pushed a commit that referenced this pull request May 22, 2025
)

* [Windows] Fix for FlyoutBackgroundImage

* [Windows] Fix for Flyout Background Image

* Test case sample for FlyoutBackgroundImage

* [Windows] Fix for FlyoutBackgroundImage

* [Windows] Fix for FlyoutBackgroundImage

* Updated Test sample

* Changed test sample and added snapshots for android and iOS

* BackgroundImage set Snapshot for windows and mac

* BackgroundImage set Null Snapshot for windows and mac
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-controls-shell Shell Navigation, Routes, Tabs, Flyout community ✨ Community Contribution partner/syncfusion Issues / PR's with Syncfusion collaboration platform/windows
Projects
None yet
Development

Successfully merging this pull request may close these issues.

shell flyout background image does not display on windows platform
4 participants