Stack Overflow
Stack Overflow

Questions tagged [semantic-ui-css]

35 questions
7
votes
3 answers

Module not found: Error: Cannot resolve module 'semantic-ui-css'

I'm trying to use Webpack + Semantic UI but without success. I tried... npm i semantic-ui-css In my index.js.. import semantic from 'semantic-ui-css' I add configuration into my webpack.config.js resolve: { alias: {'semantic-ui':…
ridermansb
  • 10,779
  • 24
  • 115
  • 226
6
votes
1 answer

Semantic UI Card with image on the left

Is it possible using Semantic UI Card have the image on the left? The documentation shows example where the image is always on the top. What i want to obtain is something like the Semantic UI Item (but of course i want use cards), like this: What i…
msalafia
  • 2,703
  • 5
  • 23
  • 34
5
votes
1 answer

React Semantic-UI: Modal component with Form component? Is it possible?

So, I'm trying to use Semantic UI modal component with the form component. My problem is that if I use these two together the UI becomes bad. I created a sandbox about my current situation: https://codesandbox.io/s/2n1pj96ry As you can see now the…
user6046794
4
votes
3 answers

How can I make sematic-ui-react Tab responsive?

I'm developing a react application and I recently start to use semantic ui react module. Unfortunately I'm not able to make the Tab object responsive... A really simple script to show this is: import React from 'react' import { withRouter } from…
Mikyjpeg
  • 1,179
  • 1
  • 13
  • 39
3
votes
1 answer

how can i create a responsive html div element containing draggable splitters?

I'm trying to get a standard header/content/footer page working.
James Fremen
  • 2,170
  • 2
  • 20
  • 29
3
votes
2 answers

Semantic UI - Is it possible to use a form in a dropdown menu?

Using SemanticUI, is it possible to insert a form with dropdown items nested in a dropdown menu? Here is a fiddle to show what I mean: https://jsfiddle.net/Nanego/tnv34c7b/5/
…
Nanego
  • 1,890
  • 16
  • 30
3
votes
1 answer

how to add bottom floated non-menu content to semantic-ui menu

i am using semantic-ui (via react-semantic-ui). i want a little area for logon in the bottom of my menu column. i have this: i want this: i did the above using position: absolute; bottom: 0, but i'm betting there's a semantic positioning class or…
cdaringe
  • 1,274
  • 2
  • 15
  • 33
2
votes
2 answers

How to change Title icon in semantic UI React Accordion

https://react.semantic-ui.com/modules/accordion on their first example, I have a requirement where I need another icon instead of dropdown. I need to replace it with "angle right, angle down".
As3Script
  • 137
  • 4
  • 16
2
votes
2 answers

dynamic multilevel menu react and semantic ui

I am using Semantic UI React and trying to create a multilevel menu component or a nested menu. I was able to create a static menu component like below: …
Mushfiq
  • 759
  • 1
  • 8
  • 41
2
votes
1 answer

Semantic-ui-react: Search results not visible

I've been trying to get semantic ui search results to appear, but for the life of me, all I get when searching is this: As you can see, the search results are not visible I have imported the semantic-ui-css in my index.js file: import…
John
  • 315
  • 4
  • 8
2
votes
3 answers

How to keep vertical menu items from going behind top fixed menu in Semantic UI?

I'm trying to have both a top fixed menu and a left vertical menu on my website. I really want both to be fixed but if I start to scroll then the left vertical menu will slide up underneath the top menu as shown in the code below and the…
ccmetz92
  • 82
  • 8
1
vote
1 answer

How to apply a CSS style sheet to a D3 force-directed graph?

EDIT: It seems it is not easily possible to apply SemanticUI styles to SVG elements. The accepted answer provides corrections of the original code and some ideas for a workaround. I'm quite new to web development. I'm trying to create a graph using…
duriz
  • 13
  • 4
1
vote
1 answer

Issue in loading semantic-ui-css with css-loader 6

On trying to load semantic-ui-css with css-loader 6 I get the following error: failed: UnhandledSchemeError: Reading from "data:application/x-font-ttf;charset=utf-8;;base64,... It looks like the 2nd semi-colon after utf-8 is causing the issue.…
honter safioun
  • 41
  • 3
1
vote
1 answer

Semantic UI Grid Column not adapting height

Im trying out semantic UI. I want to make some admin Panel cards with stats but I have the problem, that if I change the font size of the number inside the column, it overflows the segment... Same with cards. This is my html:
b0ss
  • 109
  • 1
  • 3
  • 12
1
vote
0 answers

In Semantic UI, deal with "Transition: Element is no longer attached to DOM. Unable to animate"

I'm using Semantic-UI (with Codeigniter, no React or anything beyond common use) to validate a form. This is the semantic UI init code: $form.form({ on: "submit", fields: fieldsToValidate, inline: true }); I want the errors messages to…
Lucas Serena
  • 11
  • 1
  • 3
1
2 3