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

Apr 16 08:00

dbsxdbsx edited #7048
Mar 30 10:09

dbsxdbsx opened #7048
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

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/

Chat via Matrix