Stack Overflow
Stack Overflow

Questions tagged [fluent-ui]

Fluent UI is set of cross platform UI libraries from Microsoft. A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. Build for one platform or for all. Everything you need is here. Components for React, Web Components (Typescript and Blazor), Windows, iOS, Android, macOS and Cross-platform

Fluent UI is a collection of UX frameworks for creating, cross-platform apps that share code, design, and interaction behavior.

Build for one platform or for all. Everything you need is here.

Components for React, Web Components (Typescript and Blazor), Windows, iOS, Android, macOS and Cross-platform

386 questions
2
votes
1 answer

Setting a Window Drag Point in Flutter

My Flutter application makes use of the relatively new Windows build tools and the community fluent_ui package. In an attempt to make my application look more native, I have opted to remove the default Windows title bar using the window_manager…
ottergauze
  • 41
  • 6
2
votes
1 answer

Add action to button created using UIViewRepresentable

I am using a FluentUI#button, which behind uses UIKit I need to display that button in a SwiftUI View, and I'm trying to toggle an @State property or add a #selector to the button, but I'm not able to do it I created a generic UIViewRepresentable…
Frakcool
  • 10,915
  • 9
  • 50
  • 89
2
votes
0 answers

Fluent UI React Combo and DropDown not opening in CRA app

I have a new React app (CRA), with FluentUI React added to the project. Some of the FluentUI components are working fine, but neither the combo nor the dropdown are working correctly. When I click either of them to show the list of options, it does…
Hilton Giesenow
  • 9,809
  • 2
  • 10
  • 24
2
votes
1 answer

Is Fluent UI available for Xamarin.Forms and .NET MAUI for mobile?

I love the implementation of fluent UI on Windows 10 and 11 and I thought I would be able to implement it into my mobile applications that have Xamarin.Forms as a platform, planning to move to .NET MAUI soon once it is released without previews. My…
Tanaka Mawere
  • 683
  • 1
  • 9
  • 22
2
votes
0 answers

Using UI Fabric Icons - in application that is Azure/MS services dependent, but it is a standalone web application

It is not clear to me if I can use fabricUI icons & Segoe UI font in my project According to this license which can be found in the project repository I have found this StackOverflow question which is linking to this issue in the Fluent…
Karol Świeca
  • 63
  • 5
2
votes
2 answers

How to generate a Fluent UI theme with in the library?

I was creating a react application with Fluent UI - React, I want something like each user can pick a Primary Color, Text Color, and Background Color when they sign up and their app will be in that theme like the same way done in the Theming…
Aravind Jaimon
  • 85
  • 8
2
votes
0 answers

Exception error occurred executing JS Interop in BlazorFluentUI WebAssembly

I am trying to display a panel from BlazorFluentUI but when clicked on IconButton on the header component. I keep getting this error and couldn't track back to what's causing this error or how I may solve it. Here's the Error Message as is on…
Luzan Baral
  • 3,678
  • 5
  • 37
  • 68
2
votes
1 answer

How to make Fluent UI Nav collapse horizontally

I am starting to use shiny.fluent R package which based on Microsoft's Fluent UI to build an app, but I stuck at making Nav component collapse on click (the 1st link, Navbar icon) & on small screen size Here is the sample code from shiny.fluent…
jonekeat
  • 105
  • 1
  • 12
2
votes
1 answer

Persist selection between pagination using fluentui/React in DetailsList

How to Persist selection between pagination in DataList in fluentui/React
user2038538
  • 221
  • 5
  • 16
2
votes
0 answers

Fluent UI GroupedList Selection

Playing with FluentUI and trying to make GroupedList working, but I'm stuck and have so many questions about Selection: This is my example: https://codesandbox.io/s/hopeful-chebyshev-n4enr?file=/src/GroupedList.Basic.Example.tsx What I'm trying to…
Слава Мельников
  • 75
  • 1
  • 7
2
votes
1 answer

Fluent UI React - how to apply global component styles with Fluent ThemeProvider

I'm working with the theming code below. I'm able to apply a global Fluent theme with the ThemeProvider and createTheme utility, but when I add component specific themes, I'm not getting any typings, which makes theming very difficult. So my…
Cory Crowley
  • 304
  • 1
  • 12
2
votes
1 answer

FluentUI detailsList with groups - is there a way to prevent the group row from being selected

i took a look at the fluent detailsList grouped example in the official page of fluentUI: https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist/grouped and edited their example a bit so some of the groups has 1 row now when I…
No Idea For Name
  • 11,411
  • 10
  • 42
  • 70
2
votes
1 answer

How to give styles to Fluent UI Components?

I'm starting to use FluentUI with React and I'm trying to modify the Panel component. I've got this code: const panelStyles = { position: "absolute", top:0, bottom: 0, left: 0, right: 0, margin: "auto" } …
Tomas Barreiro
  • 305
  • 4
  • 11
2
votes
1 answer

Sticky tab bar with Fluent UI's Pivot

I am building a tabbed environment using Fluent UI's Pivot component. Some of the tabs (or PivotItems in Fluent UI parlance) are quite long and need to be scrollable. Is there a way of having the tab bar be sticky such that it stays on top of the…
foobar
  • 153
  • 6
2
votes
2 answers

How to create a "danger" button in fluentui (office ui fabric)?

How to create a "danger" (red) button in the Microsoft fluentui library? Like one have in other ui frameworks like bootstrap etc. There are and but I have not found anything like ? Alternatively, how do…
Nikolay
  • 10,752
  • 2
  • 23
  • 51
1 2
3
…
25 26