semantic-ui Questions
4
Solved
I'm using Formik for validating the fields before creating an entity. There is a Select which opens a dropdown and the user must choose one option from there.
I get an error saying that setFieldVal...
Omarr asked 7/9, 2020 at 9:9
2
Solved
Is there any semantic ui class to put space (top/bottom) between components or I have to use css styles?
Eg. Between two segments or between a header and a cards group, etc etc..
Lenticular asked 6/9, 2018 at 8:8
5
Solved
Is there a way to use icons from Semantic UI or FontAwseome as markers icons in OpenLayers3 ?
OpenLayers features the feature style Text that can be used as follows:
var blackFill = new ol.style....
Melanism asked 7/1, 2015 at 0:12
2
Solved
I'm using semantic-react-ui's Popup component and I was wondering how to trigger close popup event by clicking a button inside the popup without using jquery.
Thank you
Predisposition asked 15/2, 2018 at 23:25
4
Solved
how can I center align a button in Semantic UI React
I have tried several approaches, using Grid, Grid Row, but no success
import {Segment, Button,Label,Sticky,Grid,Container} from 'semantic-ui-re...
Beadle asked 19/1, 2019 at 8:4
5
Solved
I'm trying to implement a basic modal, but its size is kept being extended to height of a page.
Trigger code:
$('.ui.modal.apply-modal').modal('show');
Modal Code:
<div class="ui modal appl...
Ingratiate asked 20/5, 2015 at 6:15
6
Solved
Any ideas what might be causing this error?
List of my includes:
<link rel="stylesheet" href="../../node_modules/semantic-ui/dist/semantic.min.css">
<link rel="stylesheet" href="../../no...
Curd asked 24/6, 2018 at 3:40
9
Solved
I am using the official Semantic UI React components to create a web application. I have a form on my sign up page, which contains an email field, a password field, and a confirm password field.
i...
Staciastacie asked 18/1, 2017 at 16:15
3
Solved
I've created an image element using Semantic UI React.
<Image floated="right" size="mini" src="/someImageUrl.png" />
If the image's src property doesn't load, a broken image placeholder is...
Dendrochronology asked 24/4, 2018 at 8:40
5
I'm working on creating a html form using 'Semantic UI' framework. While I'm using a normal select item for a dropdown/select list, I'm styling it using Semantic UI. Everything works fine, but once...
Papacy asked 3/9, 2015 at 17:1
3
Solved
I'm trying to make a Webapp with react using Semantic Ui components. However, I'm really struggling to make the main content component take up the full-size of the screen (see image). I want the ma...
Arrange asked 26/6, 2017 at 13:3
3
Solved
How can you offset columns in Semantic ui like you can in Bootstrap?
eg- in bootstrap a column with class "col-sm-5 col-sm-offset-2" is 5 column wide and skipping the first 2 column of the page.
Glucosuria asked 2/4, 2016 at 22:6
5
Solved
Semantic UI has a great way to apply common sizing to a lot of things, e.g. a button (in Semantic UI React):
<Button size="tiny" />
However the Dropdown, which in many cases looks just lik...
Amylum asked 6/9, 2017 at 7:27
4
Solved
I am using the Semantic UI framework for my website. I want to place the login box in the centre of the page.I want only the login box in the page. I don't understand how to centre aligned using Se...
Winthrop asked 7/12, 2014 at 15:6
5
Solved
I want to build a web client using react.js and semantic ui. There is a node package to use semantic-ui with react.js; semantic ui react. I have already installed this package on my computer follow...
Dilatory asked 25/11, 2016 at 10:43
2
I have the following code in my component, where A nad B are my other components and SomeComponent is where I am rendering A and B along with the TabExampleSecondaryPointing component.
import { Ta...
Curassow asked 17/5, 2018 at 14:28
4
Solved
How to include Semantic UI to HTML page using CDN? The CDN link is https://cdnjs.com/libraries/semantic-ui, but how to use it?
Kinetic asked 16/5, 2015 at 22:6
3
Solved
I have an accordion element in my page. The problem is that the accordion appears on the page but it is not clickable. By 'not clickable', I mean that when I click on the header it does not expand ...
Iquitos asked 7/6, 2015 at 17:48
3
I am new to the Semantic-UI-React framework, and recently ran across a problem that I can't seem to fix. I have a Log in & Sign up Modal on my home page. When the LogIn And Sign Up button is tr...
Clap asked 20/3, 2018 at 20:30
8
Solved
Is there any datepicker for semantic ui like bootstrap datepicker? I searched their website. But failed to get.
Jquery datepicker is worked nicely but UI does not look nice with my project.
Afforest asked 18/10, 2015 at 18:16
3
How can I set the width of the Semantic UI Search Selection drop down? I need to set the width of Semantic UI Search selection dropdown to the longest element in the dropdown. Any help will be appr...
Reflate asked 12/3, 2017 at 16:49
3
Solved
I'm working on building a web page using Semantic UI Framework. I'm new to both UI frameworks and jquery. I'm using a multi select Dropdown component to select roles for an user. I'm able to implem...
Kight asked 25/8, 2015 at 1:3
3
Solved
I'm using the component in semantic to create a top menu + breadcrumb header. For some reason, the scroll bar "jumps" when trying to scroll from the topmost position
Sandbox https://codesandbox.io...
Thermostat asked 1/1, 2018 at 14:32
4
I'm using the Semantic UI sidebar on my page for navigation. By default, I'd like to have it visible with the option for the user to close it if they like. The problem is that by having the sidebar...
Emphasis asked 19/10, 2015 at 21:10
4
Solved
how to have dropdowns selected value in state.here is my code iam getting value for name field but dropdown not working, can anyone find out what i am missing?
MyComponent.js
import React,{Compon...
Monometallism asked 13/3, 2018 at 4:55
© 2022 - 2024 — McMap. All rights reserved.