Semantic-Org/Semantic-UI

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

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

Daniel Lynch

@dlynch29

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

@dlynch29

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/

gavrilidis

@gavrilidis

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

@dlynch29

I found out that there is an open Enhancement/Issue for what I'm experiencing. No solution yet though :( Semantic-Org/Semantic-UI#5566

Felix Wehnert

@flashspys

Hello, is it possible to have a .ui.dropdown next to a .ui.button and both together full width?

like ui.buttons.

Daniel Lynch

@dlynch29

Do you mean something like this?

Philip Metzger

@philmetzger

hey, have a missed something or is it possible for the Menu component to make it transparent?

i.e. i want my own color for the menu bar

Philip Metzger

@philmetzger

new question: I used the Image component and tried to make it circular but it remains square and the circular class is not added. any ideas why?

<Image size="medium" src="https://s3.amazonaws.com/uifaces/faces/twitter/coreyginnivan/128.jpg" circular />

Kate Austen

@gomestai

hey everyone

i'm using react semantic

and i'm having throubles with the portal window I have

I can not make radio buttons work if i put them into a portal based newly created popup

Where communities thrive

People

Repo info

Activity