Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

Semantic-Org/Semantic-UI

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

People

Repo info

Activity

May 26 04:17

jlukic milestoned #6793
May 23 06:38

368573607 opened #6981
May 19 14:23

cupcakedream closed #6978
May 18 05:40

skk-97 opened #6980
May 17 02:34

khaldon opened #6979
May 15 18:57

cupcakedream opened #6978
May 14 22:00

MEspino closed #4149
May 12 01:38

trymeouteh opened #6977
May 04 11:15

KJabandaa10 closed #6969
May 03 14:18

JfrA opened #6975
Apr 26 17:02

kathusha closed #6970
Apr 26 17:02

kathusha edited #6970
Apr 26 10:00

landall opened #6974
Apr 21 09:04

rzubrycki opened #6973
Apr 19 05:04

tejasvedantham opened #6972
Apr 17 21:51

gokuljs opened #6971
Apr 07 19:12

kathusha reopened #6970
Apr 07 19:10

kathusha closed #6970
Apr 07 19:09

kathusha opened #6970
Apr 04 14:39

KJabandaa10 opened #6969

Colin Frick

@ColinFrick

@017Bluefield do you mean the FontAwesome icons? You'd have to check their license https://fontawesome.com/

Andrew Milmoe

@amilmoe

Greetings! I discovered the Sketch template... which has a few buttons and things, but none of the page layouts present on the site. Anyone know where I might find a page layouts in Sketch for Semantic-UI / Fomantic-UI?

I'm happy to share mine as I go... but hoping to not re-invent the wheel.

Michael Bishop

@017Bluefield

@ColinFrick Thanks anyway.

Sean

@hammy2899

@amilmoe There is this FUI ui kit https://github.com/obsidiansystems/fomantic-sketch-ui-kit developed by @joehenry087 it is actively maintained and has more components then the other kits you may find

charitreddy1

@charitreddy1

Hello everyone!

I need some help in designing my web pages..... I'm completely new to reactjs, and began using semantic UI

I have tables with same header cells and same body cells, only with 2 different sources(APIs) for data.

Currently, I've made 2 pages with same code and different URLs.

How do I re-use the code?

Andrew Milmoe

@amilmoe

@hammy2899 Excellent! Thank you. This will take me a lot further. I got a bit spoiled using the Predix Sketch template:
https://www.predix-ui.com/#/about/start-designing

Which is quite comprehensive, but largely abandoned. (Which is why I'm adopting Fomantic.)

dbinhua

@dbinhua

When I install semantic-ui, I will get a lot of error messages. The version of my nodejs is 12.9.1, and the version of npm is 6.10.2. How can I solve it?

Sean

@hammy2899

@dbinhua What kind of errors are you getting?

windwardpassage

@windwardpassage

Hello all:

Sorry, I am quite new to this but I have some questions about Semantic UI and project structure.

Is it correct that the Semantic folder should sit outside of the node_modules folder?
When deploying for production, do we really only need dist/semantic.min.css?

Thank you!

Daenks

@Daenks

All, I've got what could be either Newbie bad luck or a Bug.
I'm trying to add a top label to a row, but when I do so, the label is appearing in the next parent up instead.

imgur link of what i see: https://imgur.com/a/JnmUST5

gist of the code in question: https://gist.github.com/Daenks/854623f22edb1d5c2425836d7a559841

The issue can be created by uncommenting the only commented line.

Am i doing something wrong?

Daenks

@Daenks

Is this even the right place to ask for help?

rammanoj

@rammanoj

Hey folks, I want to replace the google fonts with some other URL. I googled it and found this out(https://github.com/Semantic-Org/Semantic-UI/issues/6435#issuecomment-398339397). But I don't want to download the links and reference it. I just want to change the URL from google fonts cdn to some other one. Is there any way to do this?

Thanks!

Marco 'Lubber' Wienkoop

@lubber-de

@rammanoj either change the variable and build it yourself or overwrite the font in custom css

rammanoj

@rammanoj

which variable is it stored?

rammanoj

@rammanoj

I just searched a bit and found out that there is no alternate fetching for fonts.googleapis.com

Whatever the font I need I have to fetch the resources from that paticular url

what if I want to fetch the details from the other fontcdn?

Marco 'Lubber' Wienkoop

@lubber-de

@googleFontRequest if you overwrite the whole URL you can use whatever you want. If you set @importGoogleFont to false it's not even implementing it all

https://github.com/fomantic/Fomantic-UI/blob/develop/src/themes/default/globals/site.variables

Allan Oloo

@OlooAllaN

Hey guys! I am working on a small B2C web app. I am experienced with the front end frameworks and server-side coding. But yet developing the application architecture and infrastructure is still darn hard. As developers do you still find it challenging to build web apps even with the necessary skill set? If so what are the biggest challenges you ran into when building your application? I just wanted to see if I am the only one who runs into these kinds of problems.

Sahil Pethe

@BehindUAll

Does anyone know how to remove the delay when the sidebar is set to 'hidden'? I am not talking about the default 500ms animation because that is just the animation which brings in the text of the sidebar. I am talking about the sidebar animation itself. I want to set it to 0 that's why I am asking.

Maksim

@EMDM45_twitter

Hi everyone! How to make radio-button like button?

Ubaidullah

@ubaid-dev

Hi. I found some typo ( elements/Flag/Flag.js )

whiteboxcode

@whiteboxcode

Hi all, I am struggling to work out a way to skip validation rules when submitting a form for 1 button, but not for another. e.g. If I have a submit, preview and save button, I do not want validation for the save button as this is just a "work in progress" save (which avoids work being lost). Is there a straightforward way of doing this?

http://jsfiddle.net/t0zphj21/

Zacharias Zacharodimos

@zzacharo

@whiteboxcode as save is a work in progress why don't you define it as type="button" instread of submit?

whiteboxcode

@whiteboxcode

@zzacharo - I could, but I guess then the field "commit" = "save" would not be submitted with the form?

Zacharias Zacharodimos

@zzacharo

so you want to submit in all cases but just not validate right? Couldn't you have a click handler that is bypassing the validation part of submit? Actually where is the validation happening?

whiteboxcode

@whiteboxcode

You mean to just write up some JS to handle the form button click, validate in some cases and submit the form if validation passes, or is not required?

Zacharias Zacharodimos

@zzacharo

something like that

whiteboxcode

@whiteboxcode

Yes, could do but was sort of hoping there was some class I could add/remove on the button which would submit without validation.

whiteboxcode

@whiteboxcode

@zzacharo - thanks for the help. Just wrote some simple JS to create an input field and add it to the form right before submitting.

whiteboxcode

@whiteboxcode

actually if the checks are done on form submission, when you call the form.submit(), it appears to trigger the validation anyway - any thoughts on how to bypass this?

LiteLotus

@Lite5h4dow

ho guys

just had a question for ya

how would i center an item in a menu

i have a menu and i have a button on the left and a button on the right but i just want a static logo in the middle

DimensiWEB

@dimensiweb

Hi~

ye-park

@ye-park

hi guys~

lotuspatel

@lotuspatel

Pablo Guerrero

@elefantelimpio

Does anybody knows how can I implement this pointing dropdown in Angular 7 component? https://semantic-ui.com/modules/dropdown.html#/definition

Paweł

@dragonflypl

Hi All, got a question about Semantic UI + Angular. I started using Semantic UI in Angular. I tried to use input with icon left, but Angular is changing order of classes so it does not work. Do you know how to solve it ?

VanquishedWombat

@VanquishedWombat

Hi All - I have a query - can't confirm if my bug or knowledge gap yet - about having vertical scroll bars on a list in grid column. The list might be a distraction, I cant get a plain div with an image to play either. The issue with a working snippet is on stackoverflow https://stackoverflow.com/questions/58451608/semantic-ui-list-scrollbars-not-showing. Can anyone help please?

Amar Gill

@Amar-Gill

@Lite5h4dow there is a technique to have menu items evenly divided. see the docs.

Hi all, I have a secondary menu. Issue is anytime I scroll through page, the content is visible behind the secondary menu (it is my navbar for my site). Any way to make the secondary menu opaque?