Semantic-Org/Semantic-UI

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

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

they just not triggering onChange function

onChange={this.rhandleChange.bind(this)}

i tried this

but it didn't work

somehow they're not triggered

Zoe Love

@ZoeDreams

does anyone know how to open a Dropdown programmatically?

im using react if that matters

i suspose you can do it with open on focus.. and just set the focuz to the dropdown. but it would be nice to be able to pass a function into the trigger prop, and when you cal that function it opens the dropdown... if that is even possible

Artus Kolanowski

@witrin

Hey guys, I'm concerned about the future of this project. There seems to be no newsletter anymore at the website, the projecttalk.io link is dead, the last minor update is over a year old. I'm especially concerned because @jlukic mentioned in the meteor forums that he "maintain the direction of the project individually". I understand his position absolutely but I also know that the payload is huge and needs regular donations to not become a sidecar. IMO the core concepts making SUI one of the most clear CSS frameworks and it would be a real lost if this project dies. Am I paranoid or is this project sitting on a dying tree?

Indrek Siitan

@indreksiitan

Yeah, I do share your concern

Where communities thrive

People

Repo info

Activity