semantic-ui Questions
5
Solved
I am building a website using the Semantic UI CSS framework, and now I want to use some of its icons.
Here is the HTML:
<h1>Title<i class="lab icon"></i></h1>
I have lin...
Tracheitis asked 18/1, 2014 at 16:7
4
Solved
Hello i am new in the semantic world and I want to customize the default input height and width I know that we have predefined classes in semantic like small, big, mini but I need to have custom he...
Derivation asked 20/4, 2015 at 23:4
7
Solved
I have been trying to build a menu using Semantic-UI. I can't get the dropdown menus to work at all. I took a copy of the page Menu examples and pulled out everything except the tiered menu and pla...
Surinam asked 17/8, 2014 at 7:55
5
I've encountered a problem when trying to implement 2 dropdowns in semantic-ui.
What I want to happen is that when I change the selected item in the first dropdown the second dropdown will be auto...
Prejudge asked 27/8, 2015 at 14:0
2
Solved
I'm implementing pagination functionality by semantic-ui-react.
I can implement pagination component itself, but can't implement onPageChange to set activePage and control number of pages displayed...
Game asked 13/8, 2019 at 5:58
1
I have a dialog box:
$(document).ready(function() {
$('.ui.modal').modal('show');
});
.content {
display: flex !important;
flex-direction: column;
}
.ui.modal > .conte...
Lev asked 8/8, 2019 at 22:43
2
semantic-ui-react does not work on my browser and I'm not sure why - there aren't any errors or problems in the console.
This is the component from the library semantic-ui; it's from this file Upt...
Brynhild asked 7/8, 2017 at 19:5
2
Solved
<div style="overflow-x: scroll">
<table class="ui table">
... table data ...
</table>
</div>
I have a table that has many columns and rows in it. It overflows off the p...
Plaza asked 3/8, 2016 at 0:36
3
Solved
I´m using Semantic UI together with ReactJS using the official semantic-ui-react.
I want to build a Trello like app and put cards on it. The cards are going to be stacked for one Topic and shall b...
Jemina asked 22/6, 2017 at 22:14
2
Solved
I don't have enough rep to post images, but here's a link.
https://i.sstatic.net/eTp8Q.png
I'm having trouble trying to figure out the proper CSS/LESS to enable sidescrolling here within the Sema...
Penthea asked 26/3, 2015 at 15:54
0
I am trying to encapsulate styles for an embedded component. The component must prevent sites from easily overriding the styling without a script. The Shadow Dom was chosen to be used similar to We...
Pantechnicon asked 26/6, 2019 at 14:3
4
Solved
I can make thumbs up icon with the code
<i class="thumbs up icon large"></i>
But how can I change the color from black to gray? I do it for a chrome extension and I add the CSS this w...
Militiaman asked 6/9, 2015 at 9:26
3
I used semantic ui calendar combine with Vuejs to get value. After pick a date with datepicker, this calendar did not set the value. So i cannot save a date via Vuejs. This is my html:
<div cla...
Gatehouse asked 7/7, 2017 at 13:57
5
Solved
I'm trying to use webpack + Semantic UI with Vue.js and I found this library https://vueui.github.io/
But there was problem compling:
ERROR in ./~/vue-ui/components/sidebar/sidebar.jade
Module pa...
Otherdirected asked 17/4, 2016 at 12:2
4
Solved
My application uses the Form.Input from Semantic UI React library to insert dates. It shows a date-picker on both Chrome and Firefox but not on Safari. I've tried to use the react-datepicker librar...
Meltage asked 28/7, 2018 at 16:11
2
Solved
I want default selected options in my dropdown. The code below works when I add selected options but does not render with default selected options:
render() {
return (
<Form onSubmit={this.ha...
Roustabout asked 8/8, 2017 at 19:58
3
Solved
Based on Semantic-UI docs, https://semantic-ui.com/modules/dropdown.html#multiple-selections
I have following code inside angular2 template:
<select id="thickness" name="thick" [(ngModel)]="fo...
Kweichow asked 27/3, 2017 at 9:33
6
Solved
I'm using Semantic-UI and I was trying to add a warning message to my Form, like this:
<form>
...stuff...
<div class="ui warning message">
<div class="header">
Title of the m...
Willow asked 28/6, 2016 at 7:27
3
I have this code but I don't know how to get selected value.Where should i give id value for this list?
<div class="ui compact menu">
<div class="ui simple dropdown item">Question
&l...
Sorosis asked 31/5, 2016 at 16:9
3
Solved
I am trying to build a website using semantic-ui. I like a lot of what I see. However, I'm trying to just create a tab control. In an attempt to do this, I thought I grabbed the code found on the o...
Deraign asked 14/2, 2014 at 1:31
4
Solved
The documentation says a button can be formatted to toggle on or off, but the example given is merely
<div class="ui toggle button">
Vote
</div>
which naturally, doesn't work. An i...
Profant asked 12/4, 2014 at 16:7
2
Solved
I am trying to build Semantic-UI with gulp in a directory, but I get having these errors :
root@ks4000003:/var/www/mg.guylabbe.ca/web/inc/semantic# gulp build
[10:36:53] Using gulpfile /var/www/cl...
Lorielorien asked 11/3, 2018 at 14:50
3
Solved
if I set up a className for certain components like
<Segment className="Change" color='blue' inverted></Segment>
and in my css I use
.Change:hover{
background-color: black; //or a...
Mid asked 17/2, 2018 at 14:42
4
Solved
I have two menus, one is fixed to the bottom and another fixed to the top. My problem is two-fold. I want them to appear at the center of the screen and only be the width of their content (instead ...
Soult asked 25/4, 2015 at 4:54
3
Solved
Having used Twitter Bootstrap for some time and always wanting more in the way of admin UI features, I've decided to give Semantic UI a try. The Semantic docs are a lot less concise than Bootstrap'...
Guthrie asked 22/2, 2015 at 21:12
© 2022 - 2024 — McMap. All rights reserved.