Hi,

Going through some tutorials to get used to mobile development using FireMonkey and Delphi XE8. One of the most basic layouts tend to use the toolbar component with segmented speed buttons, and then applying the correct segmented style to each button.

However, there seems to be an issue with the iOS style. [Screenshot.|https://drive.google.com/file/d/0B68Ju-patBf-RVVEMmI5UDd2cG8/view?usp=sharing]

Using the "segmentedbuttonleft", "segmentedbuttonmiddle", and "segmentedbuttonright" styles is producing an extra border on the right button in iOS. It seems to be fine in all other targets (Windows, Android and OSX). Is this a bug in the style itself, or am I using it wrong?

All buttons were added as follows:

New multi-device project.
Add new toolbar.
Add new speedbutton parented to toolbar, align left, StyleLookup set to "segmentedbuttonleft".
Add new speedbutton parented to toolbar, align left, StyleLookup set to "segmentedbuttonmidle".
Add new speedbutton parented to toolbar, align left, StyleLookup set to "segmentedbuttonright".

Viewing and/or debugging on an iOS 8 target adds a left border on the rightmost button, breaking the clean layout.

Did you set the GroupName?

http://docwiki.embarcadero.com/Libraries/XE8/en/FMX.StdCtrls.TSpeedButton.GroupName

Yes, the GroupName has been set.

> {quote:title=Jako Grobler wrote:}{quote}
> Yes, the GroupName has been set.

Hi Jako,
In that case, select the right button (segmentedbuttonright) and set Margins>Left to -1.

Regards,
Sarina
--
Product Manager, RAD Studio
Embarcadero Technologies, Inc.