Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Aug 05 20:04
    sheyooo closed #5275
  • Aug 05 10:21
    bundyo opened #7004
  • Aug 04 06:10
    newmvf closed #7003
  • Aug 04 04:32
    newmvf opened #7003
  • Aug 02 05:44
    jmreddy2106 opened #7002
  • Aug 01 08:01
    JeffreyBool opened #7001
  • Jul 29 08:49
    tom0856 opened #7000
  • Jul 28 10:01
    JunHuahuMister opened #6999
  • Jul 26 20:20
    NorteX-dev closed #6998
  • Jul 26 20:02
    NorteX-dev opened #6998
  • Jul 25 18:54
    leadstar116 closed #6911
  • Jul 21 05:59
    Michael-Pro opened #6997
  • Jul 18 20:16
    mhou1981 opened #6996
  • Jul 14 19:34
    Zackhardtoname opened #6995
  • Jul 09 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
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
hi guys~
Pablo Guerrero
Does anybody knows how can I implement this pointing dropdown in Angular 7 component?
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 ?
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 Can anyone help please?
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?
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
Never mind...figured it out finally!
hi guy
does anyone here have problem with there footer that would be on the exact place?
Philip Metzger
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:
Also closeOnBlut still closes the dropdown when I click into the input
Philip Metzger
do I really have to add onClick={(e) => e.stopPropagation()}
umar haider
how do i
use this on my bandcamp page
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
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
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
Can anyone help with Semantic UI Google Maps
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?
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
If you use a cdn you don't need node. Just use the precompiled css and js for your jsp project
_jquery2.default(...).dropdown is not a function when trying to access semantic ui react Dropdown by $('.ui.dropdown'). Any guidance?
Anybody there?
Marco 'Lubber' Wienkoop
@ItratJameel .dropdown as jquery method is not available in the react version of SUI
Vidit Kothari

[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

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! 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
@viditkothari Downgrade to node 10/11 or you could use the community fork
Vidit Kothari
@ColinFrick , thanks for prompt reply. Will try your suggestion
hey guys! question: when i install semantic-ui 2.4.2 with npm i actually get prompted in the console and have to make 3 choices with the arrow keys and enter in order to install properly. this is actually also happening on our continuous integration pipeline and causing the build to fail. is there a way to turn off this behavior?
Colin Frick
@onemangrove set autoInstall to true in your semantic.json
Marco 'Lubber' Wienkoop
The community fork Fomantic-UI released a huge update 2.8.1 today: Toast with actions, Emojis, configurable component variants for smaller CSS files and a lot more.
Vidit Kothari

Does it mean 'semantic-ui' isn't so semantic afterall: ?

I have been trying the semantic-ui framework and trying to replace the sample codes filled with div tag (from the official documentation portal) with the corresponding semantic tags like ul & li in the sample codepen above and I'm seeing styling, alignment issues.

Any idea whats going on / whats wrong?

Marco 'Lubber' Wienkoop
@viditkothari As long as you add ui list to the <ul> tag, it should still work. The framework decided not to directly patch _any_ul or other already existing semantic tag like button to make sure it is still compatible with possible other used libraries or own styles. Yes, you still have to add ui list or ui button for now, but thats makes it independent of other styles. Kind of namespace.
@viditkothari In your codepen you used ul together with menu which isnt semantically correct either and not directly supported
Vidit Kothari

@lubber-de I tried removing the menu from the ul tag's class thus replacing ul tag's class with 'ui list' but now I'm getting the usual bullets for the following code:
<ul class="ui list">
<li class="item"></li>
<li class="item"></li>
like we get with vanilla / browser-default css.

So do you mean, to use semantic-ui one needs to use less of semantic HTML tags and use more of div tag ?

Marco 'Lubber' Wienkoop
Semantic displays ul bulleted and ol ordered by default, because thats what usual html would do (as you said). With the current codebase you would have to use div to display lists other than the browser default would. Yes, this is something discussable
Vidit Kothari
@lubber-de , ok thanks for clarifying.
I didn't mean to sound differently but just wanted to learn and clarify things. I'm new to semantic-ui and had some doubts regarding the use of semantics html tags and how semantic-ui treats them.
Ian bradbury
Has anyone a recipe for how to add sematic-ui to a Rails 6 application that's using Webpack?
Any one Knows.. why semantic UI dropdown not working, when am putting inside with Angular *NgIf
Shall we use CSS variables as value for Less variable.