Questions tagged [semantic-ui]
Semantic UI is a development framework for creating responsive layouts using human-friendly HTML and Javascript.
semantic-ui
2,746
questions
0
votes
1
answer
29
views
multiple modifiers in BEM
I have component button
<button type="button" className="button button_size_large button_color_primary button_type_fill">
<Icon className="button__icon" type=...
0
votes
0
answers
17
views
How to bundle a component and necessary css/js only instead of loading the whole css/js file?
I'm trying to build a dropdown element on my site using Semantic UI.
<link rel="stylesheet" type="text/css" href="semantic.min.css">
<link rel="stylesheet&...
0
votes
0
answers
25
views
Fomantic UI form validation - form trying to validate removed fields
I have a form where I add and delete fields dynamically. From the docs (https://fomantic-ui.com/behaviors/form.html#/settings), I should use "remove field(field)" to "Remove all ...
0
votes
0
answers
18
views
Semantic-UI dropdown select props key vs value purpose and usage
In Semantic UI (especially in React) the wide pattern is to pass tree fields per element:
{
key:'1',
value:'1',
text: "first item"}
}
In all examples I see key==value. What is the purpose ...
0
votes
1
answer
27
views
SemanticUI Toggle Baseline
I would like to align my toggle in the middle of the line together with other form elements like input boxes. Here is the HTML:
.ui.toggle.checkbox {
display: inline-flex;
align-items: ...
0
votes
0
answers
17
views
the ui layout about column and shift in its element in semantic-ui
I am a newbie to semantic-ui, and I meet a problem about ui layout, the code snippets is like this:
<div class="ui message" style="width:850px !important;">
<div class=&...
0
votes
0
answers
16
views
SlimScroll creating issue in scrolling dropdowns in a form
I have used slimScroll in my form and form contains multiple dropdown fields. When I load the page first time the dropdown fields item scrolls perfectly but on activating the main form scroll that is ...
0
votes
0
answers
24
views
Why doesn't 'set selected' work when using apiSettings to populate Semantic UI Dropdown values?
I'm using the Semantic UI Dropdown.
The below works perfectly and selects the values specified:
const users = [
{value: 1, name: "Atomic Petrie"},
{value: 2, name: "Jay Hammo&...
1
vote
1
answer
49
views
why does semantic-ui-react have circular dependencies, and how do you resolve that when using webpack?
I'm using semantic-ui-react in a create-react-app based React app. I ran into an issue where simply using components like <CardGroup> or <StepGroup> throws a generic, and unfortunately ...
2
votes
1
answer
43
views
Cannot use Dropdown/Modal from Semantic UI in Next.js
I cannot use Dropdown/Modal from Semantic UI in Next.js. The code below can't work properly (no response when clicking the button)
'use client';
import Image from "next/image";
import * as ...
0
votes
1
answer
40
views
React Chat Page with Leftbar, Toggle and Bot Component
I am trying to create a chat page with React.
The UI is pretty similar to Chatgpt. There is a leftbar, a toggle button that opens and closes the leftbar and the chat component.
The toggle is ...
0
votes
1
answer
23
views
R Shiny semanticPage(): Change content based on menu()
How do you use the menu() function in semanticPage() to change the content of the ui page based on which menu_item() is selected? And how to always show it regardless of which ui page is selected?
As ...
1
vote
1
answer
64
views
vue js and jquery DOM manipulation
I wonder if anybody can give me advice how to approach the situation when I need to access DOM elements directly while I am also using VUE.JS.
I use Fomantic-UI framework (fork of dead Semantic UI). A ...
0
votes
0
answers
37
views
JSON string in an AJAX call - how to handle dates from different cultures in the code behind
I am working on a website that handles inputs from logged-in users in the USA and Chile. Since the users are logged-in, the code knows the culture of each user. In the date-picker in the form on the ...
0
votes
0
answers
51
views
app-index.js:32 Warning: Prop `className` did not match. In Next.JS
I use flowbite for accordion and this error occured:
Warning: Prop `className` did not match. Server: "flex items-center justify-between w-full py-5 font-medium rtl:text-right border-b border-...