Semantic-Org/Semantic-UI

Semantic is a UI component framework based around useful principles from natural language. Forkable JSFiddle: https://jsfiddle.net/ca0rovs3/

Talha Talip Açıkgöz

@Talha-T

Where is the logout icon? Icon page has no search

I found it after 10 minutes of search, but please put a search box

SaphiLC

@SaphiLC

@Talha-T http://fontawesome.io/icons/ you have search there, just replace - for space

Toumi Wajdi

@toumiwajdi

i have problem with fonts icon don't load

Moldovean Radu

@incadoi

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

@Talha-T

Is there a similar popup like toasts here? http://materializecss.com/dialogs.html

chapati

@chapati

Hi. Any way to style basic text input without having parent div?

David Pineda

@dpineiden

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?

SaphiLC

@SaphiLC

anyone have a nice looking example of a menu with dropdowns and offcanvas when is a small device?

sanjithkumar017

@sanjithkumar017

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) {
                alert('success');
                console.log(response);
                //Call chart create
            },
            onFailure: function (response) {

                //alert('failure',response);

                console.log("fail ",response);
            }
        });

sanjithkumar017

@sanjithkumar017

and i am ending up in onFailure.

SaphiLC

@SaphiLC

whats in http://localhost:7000 ?

Indrek Siitan

@indreksiitan

are you returning HTTP 200, application/json with JSON that contains status: "OK" ?

sanjithkumar017

@sanjithkumar017

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",
        "Access-Control-Allow-Origin":"*"});
        response.end("Hello World\n");

sanjithkumar017

@sanjithkumar017

Thanks @indreksiitan !! It works now.

sanjithkumar017

@sanjithkumar017

Hello,

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

html

<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">


        </div>
  </div>

JS

$('.ui.dropdown.values').dropdown({values:[{name:"oi",value:32},{name:"yo",value:2}]})

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.

sanjithkumar017

@sanjithkumar017

This is the codepen link for the above mentioned case
CodePen Link

Neil Palima

@neilpalima

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

@indreksiitan

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> ?

fas3r

@fas3r

Hello,

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".
Thanks

@w-

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
https://stackoverflow.com/questions/47807012/semanti-ui-theming-site-globals-site-variables-ignored

would appreceiate it if anyone can point me in the right direction

gavrilidis

@gavrilidis

hi, I'm trying to open the same modal in few buttons but it's not work's

please help me

Eric Braun

@oqq

let $modal = $('.ui.modal').modal();
$('.button_1').click(function() {
    $modal.modal('show');
});

$('.button_2').click(function() {
    $modal.modal('show');
});

@gavrilidis

second approach:

$('.ui.modal')
  .modal()
  .modal('attach events', '.button_1', 'show')
  .modal('attach events', '.button_2', 'show')
;

gavrilidis

@gavrilidis

@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

@douglasg14b

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

@douglasg14b

example jsfiddle: https://jsfiddle.net/3djmjhn5/1/

David Pineda

@dpineiden

hello

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

@fixcore

Maybe your script has problems

Mouad SALHI

@Mouad_SALHII_twitter

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

@dpineiden

@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....

Billy.Zheng

@zw963

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

@indreksiitan

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

Billy.Zheng

@zw963

@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.

Billy.Zheng

@zw963

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

@indreksiitan

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)

Billy.Zheng

@zw963

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...

Where communities thrive

People

Repo info

Activity