Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
@moigithub yes data have some values
and its the json data @moigithub
Screen Shot 2017-08-21 at 5.44.07 PM.png
Screen Shot 2017-08-21 at 5.45.03 PM.png
Screen Shot 2017-08-21 at 5.45.46 PM.png
Screen Shot 2017-08-21 at 5.46.13 PM.png
and am calling in this page
@moigithub i have put all the json test data in the data variable and passed into the function and the file consisting the function is called in the view page
function () {
  var list = document.querySelector('select[name="jobType"]');
  return list ? [...list.options].map(option => option.textContent) : undefined;
Jay Vora
@SkyC0der i used .text instead of value it worked @moigithub thanks for that link
:star2: 2525 | @skyc0der |http://www.freecodecamp.com/skyc0der
:star2: 3601 | @moigithub |http://www.freecodecamp.com/moigithub
jayvora92 sends brownie points to @skyc0der and @moigithub :sparkles: :thumbsup: :sparkles:
@jayvora92 I believe textContent is the standard for browser compatibility, though .text should probably work in modern browsers.
@moigithub its not rendering by discarding
may be something wrong with the function
Andrew Knox
Hey hope every one is doing well. Was hoping someone could help me understand why the "plus" button isn't filling the rest of the space in its column. Any input greatly appreciated. http://i.imgur.com/1j7V8bX.png
Moisés Man
@gauravmagan linked bootstrap-table.js ?
Screen Shot 2017-08-21 at 5.58.32 PM.png
@moigithub this is the table
Screen Shot 2017-08-21 at 6.04.17 PM.png
@SkyC0der @moigithub any solutions
@gauravmagan My solution is to not use a library to build a table - use JS like I showed you in that codepen
No libraries needed, and the CSS styling is taken directly from bootstrap.css
  data.forEach((user, i) => tableHTML += 
       <td>${i + 1}</td>
       <td class="user" onclick="window.open('https://freecodecamp.org/${user.username}')">
         <img height="64" src="${user.img}">${user.username}
@iamknox Try to set the .plus to flex: 1 200%. Something I use, probably not the right way but it works fo me.
Andrew Knox
Didn't work for my button in this instance but I appreciate the help.
@SkyC0der actually the above procedure is i required to test
@gauravmagan i is not required
@iamknox I believe your container needs a height:
.buttons {
  display: flex;
  flex-direction: column;
  min-height: 130px;

.notplus {
  flex: 1 100%;
.plus {
  flex: 2 100%;
To be honest though, flex + bootstrap might work against you with a calculator design. Buttons should not be percentage sized, my finger or mouse pointer that clicks the calculator buttons does not change size.
Andrew Knox
So there is a better solution without flex that is solely bootstrap? @SkyC0der
@iamknox It depends on the design you want, but I would not use bootstrap or flex. Just standard inline-block elements
@SkyC0der ayo
@SkyC0der nvm figured it out
@SkyC0der actually got another question hehe
@Pagnito Hey
@SkyC0der im giving leaders on FCC leaderboard links to each username to go to their FCC account page, but for some reason the link is just adding on to the filepath
How are you creating the links? @Pagnito
<a className="link" target="-blank" href="freecodecamp.org/{leader.username}">{leader.username}</a>
oh wait
i think i know why lol