Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Guelade Kevin
    @kevinG73_gitlab
    someone could help me ?
    Ivo Kuzov
    @ivok

    I need help.

    I am using Laravel and trying to use custom theme but cant achieve it

    In the app.js I have following:

    window.ElementUI = require('element-ui');
    import '../sass/element-variables.scss';
    Vue.use(ElementUI);

    the element-variables.scss contains following:

    / theme color /
    $--color-primary: #72C02C;

    //If I import this, it goes in the first <style> tag but then is ovverriden by the default theme again
    //@import '~element-ui/lib/theme-chalk/index.css';
    How I can override the default theme

    phanchanra
    @phanchanra_gitlab
    I call method it is process how to show loading with progress percent?
    Phillipp Ohlandt
    @PhillippOhlandt

    hello, i have a form with two el-autocomplete inputs. both of them have validation rules but only the first is validated and therefore it marks the form as valid even though the second one has no content.
    here is my markup:

                el-form(ref="labelForm" :inline="true" :model="labelFormData" :rules="labelFormRules" @submit.native.prevent.stop="addFilter")
                  el-form-item(prop="labelKey")
                    el-autocomplete(v-model="labelFormData.labelKey" placeholder="name" #prefix :fetch-suggestions="labelKeyAutocomplete")
                  el-form-item(prop="labelValue")
                    el-autocomplete(v-model="labelFormData.labelValue" placeholder="value" #prefix :fetch-suggestions="labelValueAutocomplete")
                  el-form-item
                    g-button(type="primary" native-type="submit") Add

    can someone tell me whats going on and how to fix that? both inputs just have the required rule. if i switch the order of the inputs in the markup, then the other one gets validated. so only the first in the markup gets validated and the second one is ignored.

    Phillipp Ohlandt
    @PhillippOhlandt
    oh, interesting. i got another form on the page and if i remove that, then it works
    they somehow seem to be connected, even though they have different ref names
    have added a key prop to each form with the same name as the ref and that worked
    weird
    Damiano Stoffie
    @stoffie_gitlab
    Hello everyone! I have some unit tests that are failing, me and my colleague think is because the test is having some problems with the component <el-select>, otherwise everything is working as expected, and outside of the test everything is fine. We also found that the lates release in the changelog has the voice "Fix select test cases", we tried upgrading to the latest version but nothing. Here is the complete log of the error https://nopaste.linux-dev.org/?1297318
    For the meantime we are downgrading to a <select> component
    Taiga Nakayama
    @dora-gt
    Hello, does anyone know why the development is recently inactive?
    https://github.com/ElemeFE/element/pulse/monthly
    Have devs quit the project?
    liambarr
    @liambarr
    Does anyone know how I can extend the rules for el-forms to custom elements? I'm currently using vue-google-autocomplete within a form for adding addresses, and rules obviously don't extend to it because it's not an el-input. I've tried adding the same classes thinking that might work. Any ideas?
    <el-form-item label="Your Address" prop="address" required>
            <vue-google-autocomplete
              v-model="business.address"
              id="map"
              ref="address"
              classname="form-control el-input__inner"
              placeholder="Please type your address"
              @placechanged="getAddressData"
              required
            />
          </el-form-item>
    Thibault
    @thibaultvanluchene
    Hi all, can anyone tell me if it is possible to keep your selection while changing pages on <el-table>?
    JoshuaeKaiser
    @JoshuaeKaiser
    guys
    anyone know what fonts Element uses for its font icons
    and where I can get the SVG
    versions of them
    Pranav Chaudhari
    @pranav-0-7
    Does anyone know how I can update the data of any particular row of el-table?
    CRUD (update) operations with dynamic data!
    liambarr
    @liambarr
    @JoshuaeKaiser how are you using Element? If you've installed through npm, you'll likely find the fonts within the theme-chalk folder of the lib. What are you hoping to do with the icons if I can ask?
    daoduchieumta
    @daoduchieumta_twitter
    Hi everyone. I have a problem when use el-radio . I want disable text-color default of Radio when button is active. Can people give me a suggestion to solve this problem, tks
    Problem.png
    Ghost
    @ghost~5e9a3243d73408ce4fe0d676
    hey Dave
    Dave Croft
    @croftd
    hey Bill
    Ghost
    @ghost~5e9a3243d73408ce4fe0d676
    555
    Ghost
    @ghost~5e9a3243d73408ce4fe0d676
    本末
    @benmo1602
    image.png
    本末
    @benmo1602
    @benmo1602
    Slider disabled 为true 的时候为什么 el-tooltip 的 tabindex 不是 -1
    我怎么 才能 实现 Slider disabled 的 防止 tab 键切换 焦点的到 disabled
    Momin Riyadh
    @momin-riyadh
    Hello
    I'm facing a problem populate data from API in elements tab components
      <el-tabs @tab-click="handleClick">
                  <el-tab-pane label="2019">
                    <div class="row">
    
                      <div class="financial-areas align-items-center">
    
                        <div class="sq-financial-report" v-for="report in reports">
                          <img class="img-fluid" :src="report.imageurl" alt="square group">
                          <div class="sq-f-report-caption text-center mt-3">
                            <h4> {{report.title}}</h4>
                          </div>
                        </div>
    
                      </div>
                    </div>
                  </el-tab-pane>
    
                  <el-tab-pane label="2018">
    
                    <div class="row">
                      <div class="financial-areas align-items-center">
    
                        <div class="sq-financial-report">
                          <!--                      <img class="img-fluid" src="../assets/images/nopreview.jpg" alt="square group">-->
                          <h1 class="display-2">No preview available!</h1>
    
                        </div>
    
                      </div>
                    </div>
    
                  </el-tab-pane>
    
                  <el-tab-pane label="2017">
                    <h1 class="display-2">No preview available!</h1>
                  </el-tab-pane>
                </el-tabs>
    Pantheron Leo
    @pantheron_gitlab
    Hello, I just realised that the icons provided are limited. May I know how we can add other icons library like font awesome into the project? Thanks =)
    Pranav Chaudhari
    @pranav-0-7
    Screenshot 2020-04-25 at 1.31.20 PM.png
    Hello, is there any way in which I can show this response message in <el-alert>?
    ductmkma
    @ductmkma
    Hi. I want upload file use el-upload. However, I want to upload via http-request. Can you give me an example of using http-request and auto-load = false
    Mauro Crociara
    @realnot
    Hi all :D
    Christos Giannouris
    @chrisgiann44
    Hi does sb have faced this issue TypeError: Cannot read property 'value' of undefined
    with el-autocomplete? i found sth here....i have the same issue exactly ElemeFE/element#19281
    Eduardo Espinosa
    @tecnoloco
    Is there a simple way to change theme colors at runtime? or what about this feature request ElemeFE/element#14796
    Glen Little
    @glittle
    The files available on unpkg (e.g. https://unpkg.com/browse/element-ui@2.13.1/lib/locale/lang/en.js) now seem to assume that "exports" exists.
    How do I get a copy of en.js that can be used directly in a browser?
    Found a different version here (https://unpkg.com/browse/element-ui@2.13.1/src/locale/lang/en.js) but it doesn't work either.
    Glen Little
    @glittle
    Konstantin Belkin
    @yookky
    Hi, why popconfirm element does not disappear from DOM?
    if I use this in the table I will have 50-100 elements
    Johnny Cavalcante
    @kavalcante
    Hello! Is there a way to change color of element theme dynamically? Exactly how is done here: https://element.eleme.io/#/en-US/theme/preview?
    Pablo Schonwiesner
    @pschonwiesner_twitter
    hi. I want to use my own css in scoped component to modify a style. how to select .el-collapse-item__header to change the font style. don't work
    Ufuk Çakıoğlu
    @ucakioglu_twitter
    hello, element ui el-date-picker component is used in many parts of my project and i can't change the first day of the week. it happens when I want to add them all one by one, but there are too many I can't do one by one. How can I do in main.js?
    Thibaut Miquel
    @tmiquel_loft_gitlab
    Hello ! Why @mouseenter and @mouseleave don't work on el-button elements while they work on standard DOM elements (may not be restricted to these two events and this Element-UI component)
    2 replies
    Matt Benson
    @mbenson

    hello all, I've got an app that uses Element-UI fairly successfully, but now I want to add loading spinners while retrieving data. Based on the simplest example from the manual, my opening table element is now:

    <el-table v-loading="loading" stripe :data="summary" :header-row-style="hide">

    and I've added loading: true to the result of my data() function, but I still do not see the spinner. Can anyone see/think of any obvious mistake I've made? Do I need to import/use Loading when using in this manner?

    1 reply
    I'm currently on v2.12.0 but can try an upgrade