semantic-ui Questions

10

I am trying to setup semantic UI in my repository and for some reason I can't use the arrow keys to select menu options in Git Bash. Press down or up only moves my cursor, it doesnt move the > i...
Oneil asked 18/4, 2019 at 20:15

4

Solved

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...
Biyearly asked 6/9, 2016 at 18:10

12

I am building Semantic UI with Gulp using this guide However, the problem is now that the icons are not showing. So if I use <i class="facebook icon"></i>, nothing shows up. I guess ...
Syncarpous asked 21/3, 2017 at 9:37

15

I'm developing an app with Angular and Semantic-UI. The app should be accessible, this means it should be compliant with WCAG 2.0. To reach this purpose the modals should keep focus within the dial...
Override asked 9/6, 2017 at 7:42

5

Solved

I'm trying to implement a file upload, but using SUIR <Input>, button, label, etc. This is strictly about the use of the elements in render. Using regular html <label> and <input&g...
Antiphonal asked 1/4, 2019 at 22:8

19

Solved

I'm writing a new app using (JavaScript) ES6 syntax through babel transpiler and the preset-es2015 plugins, as well as semantic-ui for the style. index.js import * as stylesheet from '../assets/...
Mccutcheon asked 17/12, 2015 at 15:35

2

Solved

i want to override the semantic ui css for disabled checkbox, since i'm not good at css i don't which role i should override. <link href="https://semantic-ui.com/dist/semantic.min.css" rel=...
George asked 8/8, 2019 at 2:58

5

Solved

I want to have line breaks in my tooltip: <span data:data-tooltip="line 1 ...\n line 2 ..."> I tried several proposals from here: Add line break within tooltips Nothing did the trick. I...
Diaconate asked 9/2, 2018 at 7:41

6

Have Googled, searched within semantic ui's docs and issues page, and searched within stackoverflow. Couldn't find the answer. Within Semantic-ui-react, how do I make a sidebar whose content is fi...
Ashburn asked 5/9, 2017 at 16:33

4

I have list that I render with semantic-ui and it needs some margin to the top for the first element. I looked in the CSS code and I see margin-top:0!important and I can override it for the first e...
Mignonne asked 9/7, 2016 at 5:10

8

Solved

I've created a new React app by running npx create-react-app@latest --typescript . and I've run the project using npm start and it all works as expected. I ran npm install semantic-ui-react semanti...
Sentience asked 15/12, 2021 at 16:53

2

Solved

I´m trying to use the official semantic-ui-react for the first time with React. I´ve built a brand new react application: $ create-react-app test And I then tried to add the same react image as ...
Portuguese asked 17/6, 2017 at 21:50

2

Solved

I'd like to create a multiple rows + multiple columns view. I think I can either use table or grid. Which one should I use over another and why?
Borchardt asked 10/4, 2017 at 12:49

3

I've started a VueJS project with: vue init webpack my-project And got jQuery with npm: npm install jquery And i put this line on my main.js file: window.$ = window.jQuery = require('jquery'...
Eicher asked 30/1, 2018 at 14:37

4

Solved

how can I set the selected item of a search dropdown (select) form field? I tried it with the following jQuery/JavaScript code: if (equal == 0) { $('#sj_company').html($('#sj_company').html() + '...
Balata asked 10/6, 2015 at 16:14

2

Solved

C:\reactcamp\camp-project> npm install semantic-ui-react semantic-ui-css npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: [email&#160...
Magnesite asked 1/5, 2022 at 18:23

3

Solved

I am trying to learn react with semantic ui but I have a problem with the style from semantic ui. Then I try follow the docs from https://react.semantic-ui.com/ but the style is not loaded Here's ...
Lheureux asked 8/1, 2019 at 6:24

5

i want to change semantic-ui default font with @font-face but no matter... i tried change in less file(site.variables) but I do not know how change it i tried add my font with other custom css fi...
Aroid asked 11/8, 2015 at 9:8

3

Solved

I would always have said no, but then I came across this code from Semantic UI (and Fomantic UI), a very popular front-end framework: <h2 class="ui icon header"> <i class="...
Ferree asked 7/2, 2021 at 5:0

5

Solved

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://...
Furlong asked 10/1, 2016 at 4:41

3

Solved

I am a beginner at web development and I am now using semantic-ui framework for my font-end development.I have tried the sample code for the first example menu at this link. http://semantic-ui.com...
Sela asked 9/10, 2015 at 15:1

6

Solved

I'm trying to figure out how to keep the table head visible when scrolling. Is there a setting in semantic ui for this? Or will I just have to use a non-semantic ui solution? You'll need to view "...
Cherie asked 27/4, 2015 at 21:20

4

Solved

Using React Semantic UI the default look is this This is the code (from the website) which produces that component. import React, { Component } from 'react' import { Icon, Menu } from 'semantic...
Stephaniastephanie asked 28/6, 2018 at 21:42

3

Solved

Is there an easy way to change font size for some none-header text with Semantic-UI, without make changes to the theme or use plain css? I see for some elements, like button, one could use large, ...
Wirephoto asked 15/2, 2016 at 12:47

6

How can I disable autocompleting form with credentials in semantic-ui-react? Tried this but it does not work import { Form } from 'semantic-ui-react'; <Form autoComplete="off"> .... </Fo...
Ratify asked 3/3, 2018 at 8:32

© 2022 - 2024 — McMap. All rights reserved.