Skip to content

Conversation

@aleksandervalle
Copy link

Root Cause of the Issue

We need to customize the spacing between header items in the TabView. This spacing is currently hardcoded to 36 (see https://github.com/syncfusion/maui-toolkit/blob/main/maui/src/TabView/Control/SfTabBar.cs#L33).

Description of Change

Introduces a new HeaderItemSpacing property on SfTabView, piped down to SfTabBar.

Preserves current value 36 as default value.

Screenshots

headeritemspacing

Copilot AI review requested due to automatic review settings November 10, 2025 12:46
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

Introduces a new HeaderItemSpacing property to SfTabView that allows customization of spacing between header items in the tab bar. The property replaces a previously hardcoded value of 36 pixels while maintaining backward compatibility by using 36 as the default value.

Key Changes:

  • Added HeaderItemSpacing property to SfTabView and SfTabBar with a default value of 36
  • Replaced hardcoded _defaultTextPadding constant with the configurable HeaderItemSpacing property throughout tab item width calculations
  • Implemented property change handlers to propagate spacing updates from SfTabView to SfTabBar

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 2 comments.

File Description
maui/src/TabView/Control/SfTabView.cs Adds public HeaderItemSpacing property with bindable property definition, documentation, and propagation logic to the tab bar
maui/src/TabView/Control/SfTabBar.cs Adds internal HeaderItemSpacing property and updates all width calculation methods to use the property instead of the hardcoded constant

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@aleksandervalle
Copy link
Author

If this looks good, I can make a PR for the syncfusion-content/maui-toolkit-docs too (to document this new property).

Introduce new property to enable customization of spacing between tab header items. Previously hardcoded to 36.
Copilot AI review requested due to automatic review settings November 10, 2025 12:50
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

Copilot reviewed 2 out of 2 changed files in this pull request and generated no new comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant