So, instead of placing images in a container or a group. I loaded them into a collection and then to a gallery. I gave each record an order number and sorted the gallery by the Order. I added left and right arrow buttons to change the Order of the selected record in the collection.
Here are the images I used
Tree view of controls on the Screen, and their names.
Items property of the Horizontal Gallery (galPowerPlatformIcons)
Sort(
colPPIcons,
Order,
SortOrder.Ascending
)
Default property of the gallery
varSelected
TemplateFill property of the Gallery to highlight which record is selected.
If(
Self.IsSelected,
Color.LightGoldenRodYellow,
RGBA(
0,
0,
0,
0
)
)
OnVisible property of the Screen to load the collection:
ClearCollect(
colPPIcons,
{
Image: AIBuilder_scalable,
Title: "AIBuilder",
Order: 1
},
{
Image: Dataverse_scalable,
Title: "Dataverse",
Order: 2
},
{
Image: PowerApps_scalable,
Title: "PowerApps_scalable",
Order: 3
},
{
Image: PowerAutomate_scalable,
Title: "PowerAutomate",
Order: 4
},
{
Image: PowerBI_scalable,
Title: "PowerBI",
Order: 5
},
{
Image: PowerFx_scalable,
Title: "PowerFx",
Order: 6
},
{
Image: PowerPages_scalable,
Title: "PowerPages",
Order: 7
},
{
Image: PowerPlatform_scalable,
Title: "PowerPlatform",
Order: 8
},
{
Image: PowerVirtualAgents_scalable,
Title: "PowerVirtualAgents",
Order: 9
}
)
OnSelect property of the Left Arrow Icon:
Set(
varOrder,
Value(galPowerPlatformIcons.Selected.lblOrder_PPI.Text)
);
ClearCollect(
colChangeOrder,
Filter(
colPPIcons,
Order = varOrder - 1
)
);
Patch(
colPPIcons,
LookUp(
colPPIcons,
Title = galPowerPlatformIcons.Selected.lblTitle_PPI.Text
),
{Order: varOrder - 1}
);
ForAll(
colChangeOrder,
Patch(
colPPIcons,
ThisRecord,
{Order: ThisRecord.Order + 1}
)
);
Set(
varSelected,
LookUp(
colPPIcons,
Order = varOrder - 1
)
)
OnSelect property of Right Arrow Icon:
Set(
varOrder,
Value(galPowerPlatformIcons.Selected.lblOrder_PPI.Text)
);
ClearCollect(
colChangeOrder,
Filter(
colPPIcons,
Order = varOrder + 1
)
);
Patch(
colPPIcons,
LookUp(
colPPIcons,
Title = galPowerPlatformIcons.Selected.lblTitle_PPI.Text
),
{Order: varOrder + 1}
);
ForAll(
colChangeOrder,
Patch(
colPPIcons,
ThisRecord,
{Order: ThisRecord.Order - 1}
)
);
Set(
varSelected,
LookUp(
colPPIcons,
Order = varOrder + 1
)
)
Not the cleanest code, but gives you an idea.
