semantic-ui

Just refresh a tab or not the page

由 百般思念 提交于 2019-12-13 05:11:43
问题 I'm having a little problem with ReactJs. I have a page with several tabs and in each tabs I have a button that refresh the page so when I click on the refresh button it goes back to tab 1 while the refresh happens in tab 2 while I want tab 2 to remain open after refresh. I want after the refresh tab 2 stays open Example photo: Before refresh: After refresh: I want after the refresh tab 2 stays open... Here is my code: import React, { Component } from 'react'; import { render } from 'react

“WARN peerdependencies” while installing Semantic-UI

由 ぐ巨炮叔叔 提交于 2019-12-13 04:36:56
问题 I followed all the instructions posted on the Semantic-UI website in order to install the framework, namely: Install node: I have confirmed it was installed properly by running node -v, to which I get "v0.12.7". Node is installed in /usr/local/include and I have already unpdated the $PATH to reflect the changes. Install gulp: I ran sudo npm install -g gulp to install gulp globally in /usr/local/lib/node_modules (non-sudo command gave me errors and suggested the sudo command) I cd to my

Determine currently opened Semantic UI accordion index

由 半世苍凉 提交于 2019-12-13 01:51:45
问题 Trying to figure out how to determine currently open part of Semantic UI accordion (http://semantic-ui.com/modules/accordion.html): This works for jQuery UI Accordion, does not work for Semantic UI: $("#accordion").accordion('option','active'); Also tried below code, but always returns "1": $('#selector').accordion({ onChange: function() { alert("selected" + $('#selector').index() ); } }); 回答1: Inside the onChange callback, this returns selected content' container as a jQuery object. So you

Semantic UI, positioning labels

由 烈酒焚心 提交于 2019-12-13 01:35:12
问题 I'm using a checkbox in Semantic UI. I would like to switch the position of the label and the input but it's proving to be kind of a pain. I am using the toggle checkbox. <div class="ui toggle checkbox"> <input id="privacy" type="checkbox" checked="checked"> <label for="privacy">Public</label> </div> Semantic UI checkboxes docs are here: http://semantic-ui.com/modules/checkbox.html#/definition If I switch the input and label in the html, the toggle function stops working. I can't even seem to

laravel views in Semantic-UI tabbed layout

由 江枫思渺然 提交于 2019-12-13 01:28:56
问题 I have a very basic problem with AJAX. I wish to use a tabbed layout with AJAX loading of my content. http://semantic-ui.com/modules/tab.html#/examples see Retreiving Remote Content section. My problem: I have no clue how replace the mockup AJAX mockResponse : function(settings) { var response = { first : 'AJAX Tab One', second : 'AJAX Tab Two', third : 'AJAX Tab Three' }; with views defined in my controller. May I ask somebody to show me a working example. Thank you in advance. 回答1: You can

Semantic-UI: adding .api using wildcard selector and get access to the specific element

由 你说的曾经没有我的故事 提交于 2019-12-13 00:53:10
问题 As seen here the selectors id #username is binded twice and nested. In the first binding, the value can be set with $(this).val(); and the be used in the second, nested binding for the Semantic-UI API. But what if I have several elements like element_1 , element_2 etc? Right now, I'm using this code, but the event is fired for each element that matches the wildcard [id^=unbind_] and not only (like it should be) for the clicked element: $(document).on('click','[id^=unbind_]', function(){ var

How to close semantic ui modal in another react component?

由 徘徊边缘 提交于 2019-12-12 10:38:54
问题 In my main component I can open a modal by clicking on an icon. The content of the modal is a separate component, which is calling a method. If the method call is successful, I want to close the modal. But how can I do this? Main component class Example extends Component { constructor(props) { super(props) this.state = {} } render() { return ( <div> <Modal trigger={ <Icon name='tags' /> } > <Modal.Header> <div> <Header floated='left'>Title</Header> <Button floated='right'>A Button</Button> <

How to align my label and input field

由 坚强是说给别人听的谎言 提交于 2019-12-12 09:55:27
问题 I want my input field "title" to render directly below the radio buttons, but now it is too far to the left. I need the extra div because it is a dynamic form, but I want the grid view. How can I accomplish that? <!DOCTYPE html> <html> <head> <link href= "https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css" rel="stylesheet" type="text/css"> <style> textarea { height: 600px !important width: 500 px !important } .inline {display: inline-block;} </style> <title></title> <

Semantic UI Multi-Level Dropdown with the selection class does not expand

由 青春壹個敷衍的年華 提交于 2019-12-12 09:53:40
问题 When I try and use the dropdown with search selection and select a subcategory, it expands into itself and a small scrollbar appears in the dropdown. If I don't add search selection it seems to function just fine. JSFiddle: https://jsfiddle.net/utqz406p/4/ How do I correct this issue? Edit: This also seems to happen with the selection class as well. 回答1: You need to override the default selection dropdown style. Please use this style .ui.selection.dropdown .menu { overflow: visible !important

error pagination in codeigniter

由 会有一股神秘感。 提交于 2019-12-12 04:32:00
问题 i want to make pagination in codeigniter its work but when i make mookup in config/pagination.php its not working. i make semantic-ui to make this. this is config/pagination.php $config['first_link'] = FALSE; $config['last_link'] = FALSE; $config['next_tag_open'] = '<a>'; $config['next_tag_close'] = '</a>'; $config['prev_tag_open'] = '<a>'; $config['prev_tag_close'] = '</a>'; $config['cur_tag_open'] = '<a class="item" href="#">'; $config['cur_tag_close'] = '</a>'; $config['num_tag_open'] = '
订阅 semantic-ui