Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Feb 26 23:38
    havajsky opened #7046
  • Feb 20 09:04
    asarch opened #7045
  • Feb 20 07:43
    Dev-Addict opened #7044
  • Feb 17 22:10
    rayoray closed #7042
  • Feb 16 19:02
    weixinwu opened #7043
  • Feb 16 06:00
    rayoray opened #7042
  • Feb 10 02:33
    thirteenthree opened #7041
  • Jan 26 07:46
    and-ocean2017 opened #7040
  • Jan 19 05:38
    KellyLSB opened #7039
  • Dec 23 2020 08:32
    vinayakkulkarni closed #7010
  • Dec 20 2020 22:37
    hiredgunhouse opened #7038
  • Dec 09 2020 03:03
    22raor opened #7036
  • Dec 03 2020 20:39
    YongxinZz opened #7035
  • Dec 02 2020 21:25
    maty535 edited #7034
  • Dec 02 2020 21:25
    maty535 opened #7034
  • Nov 27 2020 06:57
    SylvanoTombo closed #7033
  • Nov 27 2020 06:27
    SylvanoTombo opened #7033
  • Nov 25 2020 14:54
    samuel-knutson edited #7032
  • Nov 25 2020 14:54
    samuel-knutson opened #7032
  • Nov 24 2020 20:26
    greenHermes edited #7031
Im using "jquery": "^3.4.1"
Marco 'Lubber' Wienkoop
@netdevv1_twitter you most probably haven't included jquery before Sui
Princewill Samuel
:point_up: June 18, 2019 11:05 PM what happens to the main project? do you plan to contribute back to it eventually?
@netdevv1_twitter did you import j
Hi all, this might be a areally stupid question, but somehow I couldn't even install semantic
I am fairly new, hopefully any of you guys can help out?
it seems like it is stuck on Pre-built binaries not found for fsevents@1.2.4 and node@12.4.0 (node-v72 ABI, unknown) (falling back to source compile with node-gyp)
@jx63king whats your node version
Sanyam Jain
Hello people!
I updated to semantic-ui 2.4 from 2.2 & modals have broken. any suggestions on how to fix it ?
Marco 'Lubber' Wienkoop
@safaldas modals have been fixed several times in fomantic-ui.com Could you try if the recent 2.7.6 works in your case?

Hello, my name is Liora and I am currently hunting open source projects for company NeuraLegion (www.neuralegion.com)
We just launched a free annual subscription for open source projects for our AIAST tool NexPloit.

If you are interested, please, reach us on opensource@neuralegion.com!

Thank you for your time and consideration! If you have any questions, please do not hesitate to contact us!


Hi all, has someone here succeeded building a project with Semantic-UI using webpack?
Philip Metzger
hello, i have semantic 0.87.1 and somehow when i show the Modal component in react, it seens low down beneath the fold. any ideas why?
Philip Metzger
.ui.modal { top: 10% !important; }
end up doing that to fix it however
Tyagraj Bhatt
Failed to load resource: net::ERR_FILE_NOT_FOUND
Failed to load resource: net::ERR_FILE_NOT_FOUND
Tyagraj Bhatt
how to add second segment
Tyagraj Bhatt
how to display segment content
Hey Guys, i wanna enhance my skills in react and any other technologies like redux, mobx, react-native, semantic-ui etc. And i looking for internship or junior position. Maybe first time for free. I'll be glad to any suggestions
room members, how do you set popup width?
Philip Metzger
question: Does anyone know how to hook into when a modal is closed by pressing the esc key or clicking outside the modal?
Philip Metzger
onClose doesnt listen to those events
Philip Metzger
nevermind, i was not setting something correctly
Question on form validation: Is there a way to get the error messages as an array after validating a form?
Some function that will return all the error messages in an array form
after validation
Also, how to use "add prompt" for form validation? I am using it as $('#myForm').form('add prompt', 'myField', ['My error message']) and $('#myForm').form('add prompt', 'myField', 'My error message'), but none of them works
Marco 'Lubber' Wienkoop
@debarupa You can make use of the onFailure callback which provides the formErrors array as a first argument
@lubber-de Thanks, I will try that.
Joe Henry
Hi ladies and gentlemen, what's the status of the UI kit for Sketch? I see there's the one referenced here (https://semantic-ui.com/introduction/advanced-usage.html#sketch-files) which appears to be functionally incomplete as there are no symbols to use as a library. Then this fine stoner uploaded another one, which has fewer stars but is muuuuch more complete: (https://github.com/stoneddesigner/semantic-ui-sketch)
Although stoneddesigner's file is more complete, it is also confusing and has a bunch of deprecated designs in it.
I'd like to contribute to one of these projects or start a new one, but don't want to waste effort on something that may not make it to the semantic website and not get visibility.
Any guidance or suggestions?

@joehenry087 Hi 👋, I don't know if you have noticed but SUI development has slowed down quite a bit in the last year or so which could be the reason these projects have also stopped development. Me and a few other people have started a community fork called Fomantic-UI https://github.com/fomantic/Fomantic-UI which we are maintaining and releasing monthly (mostly) releases, we have shipped lots of changes including a few new components. I would be happy to talk with you on a possible collaboration in developing a sketch UI kit if you want to do that and you would have the backing of the FUI team and we will also share and link it on the website.

If this is something you want to do feel free to DM me on gitter or the FUI twitter @fomanticui and we can get chatting 🙂

Manpreet Singh
Hi, Anybody ever used apisettings and allowAddition together? and made this working? its about search multiselection dropdown
Amit Novick
Hello! I want to know if it's possible to set theme variables dynamically?
The use-case is that the user should be able to choose the font-size that is best for them.
Kind of like how VSCode lets you adjust font-size with Ctrl +/-
Marco 'Lubber' Wienkoop
@feelextra The user can also press CRTL +/- in their browser :) (VSCode is browser based as well)
Anyway, for dynamic re-compilation because of changed LESS Variables, you might use in-browser LESS compilation using http://cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js . This is, for example, used already on the homepage of SUI/FUI when switching between themes
Hey y'all. Is this a good place to ask questions about React-Semantic-UI as well or just the original version?
Joe Henry
@hammy2899 thanks for the response. So is semantic UI no longer being supported? Is this forum mostly a Fomantic forum now? My company uses semantic, so as their designer I am forced to design for what the devs are using, unfortunately.
If it's the case that Fomantic is not changing the design of the existing Semantic elements, just adding new, then my sketch file would be compatible with both, and I wouldn't mind hosting it on github so the fomantic people can add fomantic elements to it as well.
Do you know what the process for migrating from semantic to fomantic is? If it's super simple and won't break existing semantic stuff, then it's a possibility my team eventually just moves to fomantic if it's a lib that has more activity.

@joehenry087 I'm guessing you aren't aware of the current situation so I will give you a brief summary. Semantic-UI's (SUI) last release was in Oct 2018 so nearly 1 year ago but before that releases were around every 4-5 months (they were meant to be monthly) and it was like this for about a year or so. The slowness of releases prompted a few users to open issues including these 2 popular ones Semantic-Org/Semantic-UI#6109 and Semantic-Org/Semantic-UI#6413 which the idea of a community fork was proposed early on as an active member of the SUI team with some knowledge of the frameworks code base I agreed to make the fork as we know today as Fomantic-UI (FUI). Since we started SUI we have 18 releases, 700+ more commits and 350 bug fixes and a few new components including a native calendar component.

Now to answer your questions, the migration from SUI to FUI is very simple its so simple you just need to change the name of the dependency in your package.json and then run npm install and you will then be using FUI instead of SUI. This simple migration is possible because the development of FUI is following the principles of SUI and we are keeping the library in a state so it could be merged back into SUI if development ever restarted which was our promise to the community when we first started. Since we are sticking to the same principles this also means all new components and changes also have the same look and feel of SUI components so yes if you designed a sketch file it would be compatible for both 🎉

As for "Is this forum mostly a Fomantic forum now?", no we have a community discord server https://discord.gg/YChxjJ3 but most of (if not all) the FUI core contributors lurk around in the SUI support channels to provide support for anyone in need.

Also you mentioned "I wouldn't mind hosting it on github so the fomantic people can add fomantic elements to it as well." that would be awesome, we try to keep as much as we can in open because this is a community project and we try to get as much of the community involved as we can. If you wanted you can host the repository on the fomantic GitHub org as I would be happy to create that for you.

I understand this is quite a lot of take in so feel try to ask any questions you may have and I am happy to answer them 🙂

Amit Novick
@lubber-de Hi! thanks for the reply re: My question on setting theme variables dynamically for font-size set by user
Sorry for taking a bit long to respond back on it!
Thanks for the idea! I had enable Ctrl +/- in my Electron app and that makes it easier to resize the UI when it's too small/big for the user.
Amit Novick
Question about Dropdown vs. Search components in Seamantic-UI-React:
It seems that Dropdown has a search type, but that looks to be meant for situations when the provided options are static (or change very little) and not determined on-the-fly with searchQuery changing.
In contrast, it seems that Search is more suited for this, since it can be controlled using results prop which could be provided to it when the searchQuery changes and triggers some asynchronous search on data that may not be present in its entirety on the client.
@feelextra The dropdown search type is used to search dropdown items like a country dropdown it would allow the user to search for their country. The search component is used as a input which allows a user to search for results like a page on a website. The search component shows results in a list which can also be categorized whereas the dropdown will filter out the items which don't match the search query aka it won't show the items which don't match the query.