Stack Overflow
Stack Overflow

Questions tagged [semantic-ui]

Semantic UI is a development framework for creating responsive layouts using human-friendly HTML and Javascript.

Semantic UI is a component framework based around useful principles from natural language. SUI can be used to helps create beautiful, responsive layouts using human-friendly HTML. Semantic UI is powered by Less and jQuery. It has a flat design look. The goal of the framework is to empower designers and developers by creating a language for sharing UI.

Current version: Semantic UI v2.4.1

Key Features

  • 50+ UI elements
  • 3000 + CSS variables
  • 3 Levels of variable inheritance (similar to SublimeText)
  • Built with EM values for responsive design
  • Flexbox friendly

Structure of Components

  • Element
  • Collection
  • View
  • Module
  • Behavior

Browser Support

  • Last 2 Versions FF, Chrome, IE 10+, Safari Mac
  • IE 10+
  • Android 4

Browser prefixes are present for Internet Explorer 9, but the browser is not officially supported for all components.

2735 questions
12
votes
2 answers

How to deal with table overflow in semantic UI

... table data ...
I have a table that has many columns and rows in it. It overflows off the page and I can only scroll horizontally when I reach the very bottom…
Alan Guo
  • 322
  • 1
  • 2
  • 11
12
votes
1 answer

How to align button right using Semantic UI

I need segment with text(inside

), and button on next row on the right I try next markup, but it seems not working properly( button overflow segment border):

Some Text.

…
Andrey Ischencko
  • 800
  • 1
  • 6
  • 18
12
votes
5 answers

Semantic UI Radio Buttons do not check when clicking the label

As the title says, the radio buttons do not check when the label (tex) is clicked. However this seems to work fine on Semantic's site. Semantic UI Documentation with working radio buttons: http://semantic-ui.com/modules/checkbox.html The following…
Douglas Gaskell
  • 9,017
  • 9
  • 71
  • 128
12
votes
1 answer

Semantic UI grid column height

I am building a simple grid based layout where I want to place .vertical pointing menu inside the 3th purple row, as show fiddle. Which would be the right way to make the height of the 3th row occupy the 100% of the viewport? I tried by setting the…
Nedo
  • 627
  • 1
  • 10
  • 20
11
votes
1 answer

Dynamic theme change in Semantic-UI

There are many questions asking how to change the theme in Semantic-UI, but I have not been able to find even a question where it refers to changing the theme dynamically, i.e. after a webpack build. I want to allow each user of a site to save their…
Appurist - Paul W
  • 1,291
  • 14
  • 22
11
votes
4 answers

Angular2 formControl for select multiple

I'm using Sematinc-UI and Angular2 ReactiveFormsModule form and i'd like to use [formControl] for select multiple. If i use select it works with no problems: