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

12:34

palyvodaBoi opened #6994
Jul 03 23:42

elcompradorec opened #6993
Jul 03 03:41

a123056 opened #6992
Jul 02 16:58

LeonFedotov reopened #6990
Jul 02 16:56

LeonFedotov closed #6990
Jul 01 21:40

oguzhansari opened #6991
Jun 30 15:18

LeonFedotov opened #6990
Jun 30 13:01

felixmosh opened #6989
Jun 27 17:28

space-alien closed #3275
Jun 22 05:40

gokuljs closed #6971
Jun 18 04:23

KSVarun opened #6988
Jun 10 06:43

ianlintw opened #6987
Jun 07 19:02

angryalf opened #6986
Jun 04 21:49

bbataini opened #6985
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

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?

LinKsY5

@LinKsY5

Hi all, is there a way to have a conditional statement to validate a field based on a select drop-down option? For example, if user select "Yes" from dropdown, make another field required? If user selects "No" that other field is optional and form submits. Can anyone please help point me in the right direction? Spent hours on this with no luck

LinKsY5

@LinKsY5

Never mind...figured it out finally!

rserognas

@rserognas

hi guy

does anyone here have problem with there footer that would be on the exact place?

Philip Metzger

@philmetzger

hey @all, i have an issue with the React Dropdown with Input. When i click into the input in the dropdown, then the dropdown disappears. It even happens here: https://react.semantic-ui.com/modules/dropdown/#content-input

Also closeOnBlut still closes the dropdown when I click into the input

Philip Metzger

@philmetzger

do I really have to add onClick={(e) => e.stopPropagation()}

umar haider

@exelv1

how do i

use this on my bandcamp page

daveflr

@daveflr

Hi everyone, can anyone help me with the search module?

I'm doing a search to a server and its response me with an only id int number, with this id how i build a url to redirect to another page?

Marco 'Lubber' Wienkoop

@lubber-de

Where should this url point to? Are you the same guy who created the issue at fomantic ui? Then please post some example response and what target url you need to create and post it there

Marco 'Lubber' Wienkoop

@lubber-de

I think , I understood now,:the URL should be created out of content from other fields dynamically , right?... I responded at the discord server of fomantic ui

Roman Nicolai

@romannicolai

Can anyone help with Semantic UI Google Maps

전동기

@darenchun92_gitlab

hello

I am currently trying to use semantic in jsp

but official website doesn't seem to have any explanation about settings and etc.

does anyone know anything about this?

전동기

@darenchun92_gitlab

all I can find was in assumption that u are using react, angular or other custom library

you need node. but I am trying to build with spring framework using jsp

Marco 'Lubber' Wienkoop

@lubber-de

If you use a cdn you don't need node. Just use the precompiled css and js for your jsp project

ItratJameel

@ItratJameel

_jquery2.default(...).dropdown is not a function when trying to access semantic ui react Dropdown by $('.ui.dropdown'). Any guidance?

ItratJameel

@ItratJameel

Anybody there?

Marco 'Lubber' Wienkoop

@lubber-de

@ItratJameel .dropdown as jquery method is not available in the react version of SUI

Vidit Kothari

@viditkothari

[semantic-ui npm installation error]
Unable to install the npm package 'semantic-ui' using npm. Facing the following issue. Can it be fixed / can anyone help?

> semantic-ui@2.4.2 install D:\_\_Dev\test\node_modules\semantic-ui
> gulp install

fs.js:27
const { Math, Object } = primordials;
^

ReferenceError: primordials is not defined
at fs.js:27:26
at req_ (D:\_\_Dev\test\node_modules\natives\index.js:143:24)
at Object.req [as require] (D:\_\_Dev\test\node_modules\natives\index.js:55:10)
at Object.<anonymous> (D:\_\_Dev\test\node_modules\graceful-fs\fs.js:1:37)
at Module._compile (internal/modules/cjs/loader.js:936:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
at Module.load (internal/modules/cjs/loader.js:790:32)
at Function.Module._load (internal/modules/cjs/loader.js:703:12)
at Module.require (internal/modules/cjs/loader.js:830:19)
at require (internal/modules/cjs/helpers.js:68:18)
npm WARN test@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! semantic-ui@2.4.2 install: 'gulp install'
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the semantic-ui@2.4.2 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\VI20079771\AppData\Roaming\npm-cache\_logs\2019-11-12T13_57_01_157Z-debug.log

Colin Frick

@ColinFrick

@viditkothari Downgrade to node 10/11 or you could use the community fork https://fomantic-ui.com/