Semantic-Org/Semantic-UI

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

Arsen Stahanov

@ArStah

Hey everyone, is it possible to do navbar this way?

<div class="ui attached stackable menu">
    <div class="ui container">
        <a class="item">
            This must be in the left side
        </a>
        <a class="item">
            This must be in the middle
        </a>
        <a class="item">
            This must be in the right side
        </a>
    </div>
</div>

Billy.Zheng

@zw963

@jlukic ，what is OS ?

Indrek Siitan

@indreksiitan

Open Source

Philip Metzger

@philmetzger

anyone know a good react/semantic solution for a search input/dropdown where you can search for something and it does a request to the server and displayed the result in a dropdown?

Amol Mittal

@guacamoly

after a long time.. finally getting to slowly updating the sketch ui kit for semantic-ui: https://github.com/guacamoly/semantic-ui-kit-for-sketch
I posted a few input and button updates. Would help to know what features to prioritize. Any suggestions?

Indrek Siitan

@indreksiitan

nice :)

Kate Austen

@gomestai

hi guys

modal mountNode not working

i'm sending mountNode like

<SuccessModal mountNode={this} />

as a prop

and inside of my successmodal component

<Modal basic size='small' open={this.state.open} mountNode={this.props.mountNode} closeOnDimmerClick={false}>

and it fails everything

I want modal's dimmer run only inside of a specific component

Romans Malinovskis

@romaninsh

@jlukic don’t be afraid to discuss your situation and ask for help. Without you project is screwed. No one wants that. Send out email to everyone directly asking for support. Also creating fundraiser for next version could be a good way to sustain long term too.

It’s a mindset. You should work for “community” not “yourself”.

Another thing you could do is to set up site for selling SUI themes.

Kate Austen

@gomestai

@romaninsh do you have any idea about my situation

Romans Malinovskis

@romaninsh

hi, no.

im quite bad at css and js.

Kate Austen

@gomestai

@anyone please help im really stuck at this

Indrek Siitan

@indreksiitan

@gomestai - this seems to be more a React question rather a Semantic question, sorry :(

Kate Austen

@gomestai

but there is no react room in gitter :( and also in react documentation of semantic ui, there is no clear explanation about this

if you have any clue please help me, at least you can tell me what i have to search about

Indrek Siitan

@indreksiitan

react has a discord channel and an IRC as far as i know

https://reactjs.org/community/support.html

Kate Austen

@gomestai

hmm ok thanks

Billy.Zheng

@zw963

oh，i thought OS is another SUI like project, thanks

Daniel Lynch

@dlynch29

Merry Christmas and Happy Holidays!

I've never contributed to an open source project before, but I use Semantic UI at work and though I really enjoy it, it is not perfect and I'd love to help improve it. Does anybody have any tips on contributing to Semantic?

ScriptSpry

@ScriptSpry_twitter

Hi,

I was looking to listen on events for when dropdown is shown and hidden.. any idea how to do this?

Something like.. $el.dropdown('on show', function(){})?

Thanks

Indrek Siitan

@indreksiitan

https://semantic-ui.com/modules/dropdown.html#specifying-select-action

ScriptSpry

@ScriptSpry_twitter

Thanks.. will check it.. but somehow I feel that's not exactly what I am looking for?

Grem Remy

@bizzybeingg_twitter

Hi Guys and Happy Holidays. I was wondering if Semantic has Sketch files for designers and if so where I can find them. I was able to find one (semantic-ui-kit.sketch) but it just has a few form elements and is not as expansive as I would need it to be. Thanks!

Indrek Siitan

@indreksiitan

I think that's the best one to date, the author of that just published it here recently and asked for feedback and what should he add there

Andrew Golubev

@awgv

Sorry for being quiet, I’m busy working and can’t contribute to SUI at the moment. This might or might not change in 3 months, so if you understand the framework well, use it from time to time, and would like to help out with the growing amount of issues, please consider sending an email to the maintainer to ask for moderation permissions—you can find his address at the end of README.md. You can send me an email afterwards, I have some saved replies for GitHub that you might find useful. I still have an email from Jack where he explained how he handled things initially, and I can forward it to you as well.

mass85

@mass85

Hi. I need to display GSM signal icon for various signal levels. There is 'signal' icon but it shows all bars (full signal). What is the best way of achieving this? Is there any better way than adding custom icons - one icon per signal level?

Indrek Siitan

@indreksiitan

I would probably go for a self-made SVG where I can show-hide bars with CSS

mass85

@mass85

Where would you add this SVG? React app or semantic-ui site theme?

Indrek Siitan

@indreksiitan

just in your app

mass85

@mass85

Would this solution allow me to change size of such SVG in the same way as normal icons (by setting font-size)?

What is the proper way to add new icons to semantic-ui and keep using font awesome?

Indrek Siitan

@indreksiitan

not by font-size, but since SVG is vector, you can just set the width/height of the <img> tag and it will resize accordingly

and hide/show the bars using CSS

mass85

@mass85

What is the proper way to add new icons to semantic-ui and keep using font awesome? In other words how to extend default icons set?

Indrek Siitan

@indreksiitan

FA is an icon font, so extending that is a lot more work

would probably be easier to add a second icon font of your own then already

using http://fontello.com or something similar

fontello has like 7-8 different icon fonts which you can combine from, but none of them seem to have separate icons for different number of bars

so I stick to my opinion that SVG is the way to go

Where communities thrive

People

Repo info

Activity