Semantic-Org/Semantic-UI

Semantic is a UI component framework based around useful principles from natural language. Forkable JSFiddle: https://jsfiddle.net/ca0rovs3/

ARNAB MUNSHI

@arnabmunshi

fixed header issue on android chrome browser ...

http://webprismits.com/projects/pitch/

please help ...

jdevng

@jdevng

SaphiLC what’s annoying, or what issue are you having?

SaphiLC

@SaphiLC

@jdevng well, i have almost no control on the grid behaviour

unless im missing something

some frameworks makes it like this -> width-1-1@s width-1-3@m width-1-2@l

for example

here is doubling

stormurr

@stormurr

Hello, folks!

I use dropdown from https://semantic-ui.com/modules/dropdown.html

specifically Search Selection

after country selection, the cursor remains active in the search field

how to make that it was not active?

ZeroCarbThirty

@zerocarbthirty_twitter

Hi, anyone know why this will not work at all? http://209.190.64.40/tzt.html

I literally copy/pasted the example

ZeroCarbThirty

@zerocarbthirty_twitter

nevermind, the documentation didn't mention initializing the dropdown.. (tuba sound)

ZeroCarbThirty

@zerocarbthirty_twitter

Is this project maintained?

Indrek Siitan

@indreksiitan

there hasn't been a release since summer. but I think most of us gave not given up hope yet

ZeroCarbThirty

@zerocarbthirty_twitter

Hi again, I noticed that after I included the CSS on my document that the style for the entire document changed and not just the elements that I applied the semantic classes to. Any idea how to totally avoid that?

Indrek Siitan

@indreksiitan

i suppose to understand if there are element naming clashes

ZeroCarbThirty

@zerocarbthirty_twitter

There are top level css things like .b .body in the CSS file

why would anyone do that?

ZeroCarbThirty

@zerocarbthirty_twitter

is there any way to figure out which css files are required for a specific js?

DanAtShenTech

@DanAtShenTech

@zerocarbthirty_twitter Individual Semantic components are listed here. Does this answer your question?

@SaphiLC Here is Semantic's version of what you noted on 12/4. At the bottom of that page is also information under the Responsive section that should be helpful. Semantic's grid/responsiveness works extremely well.

Talha Talip Açıkgöz

@Talha-T

There is no rule matching the one you specified password

 <script>
      $(document)
        .ready(function () {
          $('.ui.form')
            .form({
              fields: {
                gradename: 'empty',
                password: {
                  identifier: 'password',
                  rules: [
                    {
                      type: 'empty',
                      prompt: 'Lütfen şifrenizi girin'
                    },
                    {
                      type: 'minLength[6]',
                      prompt: 'Şifre en az 6 karakterden oluşmalı'
                    }
                  ]
                },
                username: {
                  identifier: 'username',
                  rules: [
                    {
                      type: 'empty',
                      prompt: 'Lütfen kullanıcı adınızı girin'
                    },
                    {
                      type: 'minLength[4]',
                      prompt: 'Kullanıcı adı en az 4 karakterden oluşmalı'
                    },
                    {
                      type: 'maxLength[32]',
                      prompt: 'Kullanıcı adı en fazla 32 karakterden oluşmalı'
                    }
                  ]
                }
              }
            })
            ;
            $('.ui.dropdown').dropdown();
        })
        ;
    </script>

This still happens when I remove all rules from password

Talha Talip Açıkgöz

@Talha-T

Nvm, gradename needs to be full form like others

Talha Talip Açıkgöz

@Talha-T

Where is the logout icon? Icon page has no search

I found it after 10 minutes of search, but please put a search box

SaphiLC

@SaphiLC

@Talha-T http://fontawesome.io/icons/ you have search there, just replace - for space

Toumi Wajdi

@toumiwajdi

i have problem with fonts icon don't load

Moldovean Radu

@incadoi

Hi everybody. Can somebody give me a clue regarding semantic dropdown inside a scrollable container (let's say inside an accordion)? Is there an option to append the dropdown to the body?

Talha Talip Açıkgöz

@Talha-T

Is there a similar popup like toasts here? http://materializecss.com/dialogs.html

chapati

@chapati

Hi. Any way to style basic text input without having parent div?

David Pineda

@dpineiden

Hello i have problems with show or load a openlayers map over a modal

Works fine in normal way but on modal not

What could be?

SaphiLC

@SaphiLC

anyone have a nice looking example of a menu with dropdowns and offcanvas when is a small device?

sanjithkumar017

@sanjithkumar017

Hi All,

I am trying to use API for form submit. I am making a request to my dummy server right now. But strangely, the successTest callback is not being called.

Can somebody please help me out.

            url: 'http://localhost:7000',
            method: 'POST',
            serializeForm: true,
            beforeSend: function (settings) {
                console.log("Data submitted: ", settings);
                //We will now create a request packet here


                return settings

            },
            successTest:function (result) {
                console.log("this is the result", result);
                return true
            },
            onSuccess: function (response) {
                alert('success');
                console.log(response);
                //Call chart create
            },
            onFailure: function (response) {

                //alert('failure',response);

                console.log("fail ",response);
            }
        });

sanjithkumar017

@sanjithkumar017

and i am ending up in onFailure.

SaphiLC

@SaphiLC

whats in http://localhost:7000 ?

Indrek Siitan

@indreksiitan

are you returning HTTP 200, application/json with JSON that contains status: "OK" ?

sanjithkumar017

@sanjithkumar017

Thanks for replying guys.

I am sending HTTP 200. I am not explicitly sending status:"OK"

This is a snippet from my dummyserver

response.writeHead(200,{"Content-Type" : "text/plain",
        "Access-Control-Allow-Origin":"*"});
        response.end("Hello World\n");

sanjithkumar017

@sanjithkumar017

Thanks @indreksiitan !! It works now.

sanjithkumar017

@sanjithkumar017

Hello,

I cannot populate a dropdown from the javascript. Below is the code.

html

<div class="ui fluid search selection dropdown values">
       <input type="hidden" name="values" selectOnBlur={false}>
       <i class="dropdown icon"></i>
       <div class="default text">Select</div>
        <div class="menu">


        </div>
  </div>

JS

$('.ui.dropdown.values').dropdown({values:[{name:"oi",value:32},{name:"yo",value:2}]})

for some reason i am not able to fill up the options. I tried something similar on the Semantic UI dropdown page, I was able to successfully populate there.

Can somebody please help me out.

Where communities thrive

People

Repo info

Activity