Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Jun 17 06:15
    lgangler opened #7083
  • May 19 21:16
    driosnav opened #7082
  • May 17 09:10
    zzqhandsome opened #7081
  • May 07 12:09
    niuzhi closed #7080
  • May 07 09:31
    niuzhi opened #7080
  • Mar 21 04:00
    dfsmirnov closed #6672
  • Mar 07 10:32
    jacknevitt closed #6341
  • Mar 02 13:40
    kiranjoshy123 opened #7079
  • Feb 28 16:53
    pranaypaine edited #7078
  • Feb 28 16:52
    pranaypaine opened #7078
  • Feb 20 04:23
    eablokker closed #7077
  • Feb 20 04:03
    eablokker opened #7077
  • Feb 16 17:42
    neokio closed #4475
  • Feb 16 17:41
    neokio closed #5011
  • Feb 16 17:38
    neokio closed #6173
  • Feb 13 05:27
    Fayozbekj opened #7076
  • Feb 02 09:26
    tsodring opened #7075
  • Jan 22 14:54
    dfridrich closed #6475
  • Jan 17 13:07
    yopiti edited #7074
  • Jan 17 13:06
    yopiti opened #7074
Toumi Wajdi
Moldovean Radu
Hi everybody. Can somebody give me a clue regarding semantic dropdown inside a scrollable container (let's say inside an accordion)? Is there an option to append the dropdown to the body?
Talha Talip Açıkgöz
Is there a similar popup like toasts here? http://materializecss.com/dialogs.html
Hi. Any way to style basic text input without having parent div?
David Pineda
Hello i have problems with show or load a openlayers map over a modal
Works fine in normal way but on modal not
What could be?
anyone have a nice looking example of a menu with dropdowns and offcanvas when is a small device?

Hi All,

I am trying to use API for form submit. I am making a request to my dummy server right now. But strangely, the successTest callback is not being called.

Can somebody please help me out.

            url: 'http://localhost:7000',
            method: 'POST',
            serializeForm: true,
            beforeSend: function (settings) {
                console.log("Data submitted: ", settings);
                //We will now create a request packet here

                return settings

            successTest:function (result) {
                console.log("this is the result", result);
                return true
            onSuccess: function (response) {
                //Call chart create
            onFailure: function (response) {


                console.log("fail ",response);
and i am ending up in onFailure.
Indrek Siitan
are you returning HTTP 200, application/json with JSON that contains status: "OK" ?

Thanks for replying guys.

I am sending HTTP 200. I am not explicitly sending status:"OK"

This is a snippet from my dummyserver

response.writeHead(200,{"Content-Type" : "text/plain",
        response.end("Hello World\n");
Thanks @indreksiitan !! It works now.


I cannot populate a dropdown from the javascript. Below is the code.


<div class="ui fluid search selection dropdown values">
       <input type="hidden" name="values" selectOnBlur={false}>
       <i class="dropdown icon"></i>
       <div class="default text">Select</div>
        <div class="menu">




for some reason i am not able to fill up the options. I tried something similar on the Semantic UI dropdown page, I was able to successfully populate there.

Can somebody please help me out.

This is the codepen link for the above mentioned case
CodePen Link
Neil Palima
Is there a way to use a custom Icon? I want to have a discord icon but there is no discord icon yet in Semantic UI.
Indrek Siitan
what's the correct way to build a field with a dropdown on the left and label on the right so that the dropdown is a <select> ?
when trying to install semantic-ui with npm, I get errors when it's trying to compile/install the gulp part, that's normal I did not install it as I don't use node.js .. Can I ignore it ? Or it would just be better for me to clone the git repository and add the files located in dist/ "folder".
hi, i'm trying to theme semantic-ui but I can't seem to get it to respect variables i set in site.variables
details here
would appreceiate it if anyone can point me in the right direction
hi, I'm trying to open the same modal in few buttons but it's not work's
please help me
Eric Braun
let $modal = $('.ui.modal').modal();
$('.button_1').click(function() {

$('.button_2').click(function() {
second approach:
  .modal('attach events', '.button_1', 'show')
  .modal('attach events', '.button_2', 'show')
@oqq Thank you Eric! But i have some conflicts for sure and I'm trying to find them. I make a pen and there everything work but local not
Douglas Gaskell
How do you get dropdowns to show when using pushers? If I have a dropdown inside of a .pusher it does not show even when the pusher is set to overflow: visible
Douglas Gaskell
David Pineda
i have a modal and a id to load an openlayers map, the problem is although i tried the map doesn't show on the modal, but yes on the normal page
Maybe your script has problems
Hello, I'm using the modal module, and i don't want to close the modal when clicking on the dimmer, but make it closable when clicking escape or deny button, i tried "closable : false", but it disables both clicking tthe dimmer and escape, Thanks :smile:
David Pineda
@fixcore But the problem is i use the same examples as exist in the page, i laso tried googlemaps and doesn't load. Also i tried set the load map with a timeout and nothing....
Hi, hello, every one. I am new to semantic-ui, and in fact, i am new to frontend. i have a question, is there a template for a large column quantity(about 15) index page?
Indrek Siitan
15 column?
what content is that? given that regular desktop layouts are ~1200px wide, then with even 10px margins the columns would be like 65px wide
@indreksiitan , yes, column is too much, it is not enough to show all column info into one line in index list table.
I have no idea to do this.
if show all my column in table, some column is beyond the right screen. I have to try to neast table ... is there a alternative tempalte for this ?
Indrek Siitan
that last link didn't work, if you tried to show us something
but generally - Semantic's grid isn't very good. I personally use the grid and layout tools from Bootstrap and then UI part from Semantic
bootstrap allows you to have different grids and different layouts, Semantic only has grid or mobile (which is everything below the other stuff)
I just thought out some way to show all my 15 column in my index page, maybe I should not use table for this. though, I don't know use what for this.
I am a backend guy, luck feeling about frontend...
Daniel Lynch

Hey guys I'm having some trouble with getting API and multiple search selection dropdown to work.

Here is the JSFiddle: https://jsfiddle.net/8faLxstb/

The issue I'm having is that when I select an item in the list and then click back in the input box as if to search for a new term, the list of items is repopulated including the already selected items (which should normally be excluded as they are already selected)

Daniel Lynch
That one was using mockResponse, but this one is using response which is a little simpler but still has the issue: https://jsfiddle.net/Lzjdtp2z/
I want to resume a problem that I had with modals, for some reasons it start work when i put cdn scripts to head
Daniel Lynch
I found out that there is an open Enhancement/Issue for what I'm experiencing. No solution yet though :( Semantic-Org/Semantic-UI#5566