Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 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
Tiago Correia
@tiagocorreiaalmeida
I think I got an Idea need to try it out
tundeiness
@tundeiness
@padunk and on large screen I want my navbar fixed to the left and not scrolling while the main documentation page scrolls. The issue is that if I apply position: fixed to the navbar, it stay fixed but at the same time the main documentation page gets to take that same position with the nav bar and I do not want that.
Tiago Correia
@tiagocorreiaalmeida
can you give me the link?
Amit Patel
@AmitP88
@padunk ah I see
tundeiness
@tundeiness
@tiagocorreiaalmeida not yet
Amit Patel
@AmitP88
@padunk thank you, it works now :) I don't know why I couldn't think of it lol
abraham anak agung
@padunk
@AmitP88 :thumbsup: np, you just need more exercises on React
Amit Patel
@AmitP88
@padunk for sure, this is my first real React project actually without following FCCs guidelines
tundeiness
@tundeiness
Tiago Correia
@tiagocorreiaalmeida
@tundeiness
create a parent element around the div you wanna right align
on the parent container give the following propreties
display: flex;
justify-content: flex-end;
you dont need to give flex to the inner div
tundeiness
@tundeiness
@tiagocorreiaalmeida let me try that..but I think I did something similar yesterday and it didn't work. Note that the Navbar has a position: fixed to the left side but the #main-doc is behaving the same way the navbar is set to.
Jesse
@ki4jgt

OK guys, I'm working on this wordpress site: http://jakewakefieldtarot.com/blog
It has the Twenty Sixteen theme installed -- with a few modifications. I added this to the style.css:

.top-menu * {
    border: none !important;
}

The top-menu still has a border around it. Can anyone help me out to get rid of this?

Tiago Correia
@tiagocorreiaalmeida
let me pick the codepen edit it and send you an working exmaple
abraham anak agung
@padunk
@ki4jgt i don't see any element with top-menu class, if i open dev console, the menu is made from table elements. you can remove the table border
Tiago Correia
@tiagocorreiaalmeida
this looks a bit messy to work with it @tundeiness I will give you an idea of what you need to do
the div you wanna right align will need a parent element, the parent element needs the css propreties I just gave you, you can remove others flex from the others elements since they are not needed, the element you need to fix position should be out of this parent element it should be a separted element
tundeiness
@tundeiness
@tiagocorreiaalmeida yeah..it's messy at the moment...I wanted to start all over again but I was waiting for solutions here
Jesse
@ki4jgt
@padunk :facepalm: I tried to change the site over to bootstrap (table became container and tr was row) then I figured I didn't need all the extra effort. I totally forgot to put the class back in. I've been sitting here for 2 hours trying to fix this :(.
@padunk thank you!
tundeiness
@tundeiness
@tiagocorreiaalmeida yes...the navbar is separate from the #main-doc
abraham anak agung
@padunk
@ki4jgt np, happy hacking
tundeiness
@tundeiness
@tiagocorreiaalmeida you see, the #main-doc wraps several #main-section and #main-doc is the parent element for the #main-section. but now I have just added another parent-element for the #main-doc which I think is not necessary though.
Tiago Correia
@tiagocorreiaalmeida
Its really hard to help at this point try to clean the css you feel you dont need and then I pick it up, im at work so its a bit harder to help
abraham anak agung
@padunk
@tundeiness you need parent element to wrap navbar and main-doc. I usually use grid for this
@tundeiness this is a basic idea of what it looks like. I clean up all your CSS, cause it was a mess, sorry
and last think, it kind of weird for me seeing <ul> <a><li>...</li></a></ul in you navbar, usually i found it like <ul><li><a>...</a></li></ul>, but i still new too, maybe just a matter of preference
tundeiness
@tundeiness
@padunk :) no problem
@padunk I used that approach previously though. However I will take a look at what you did.
@padunk I just saw your code pen. but the concept I have is that the navbar should be fixed and should not scroll while #main-doc scrolls.

@padunk if you apply this:

navbar{
position: fixed;
}

everything go wrong. try it out.

abraham anak agung
@padunk
@tundeiness yes, it just a basic idea. You could play with it. This is the right one if you add pos fixed. https://codepen.io/padunk/pen/EpMbPE?editors=1100
Ashan Mohammed
@AshanMohammed
@dmk1111 Actually i don't want it
Ashan Mohammed
@AshanMohammed
@dmk1111 Made some changes to make it responsive. Please take a look and let me know your comments https://codepen.io/ashan_zeroxster/full/EpeQzx/
Dmytro Holysh
@dmk1111
@AshanMohammed looks better now.
When i try to get json data from the above url it is throwing error that
Failed to load https://api.data.gov.in//resource/9ef84268-d588-465a-a308-a864a43d0070?api-key=579b464db66ec23bdd000001f2a9afcaba44488e6777c5e71692d917&format=json: Response for preflight is invalid (redirect)
  $.ajax({
     type : "get",
     url : 'https://api.data.gov.in//resource/9ef84268-d588-465a-a308-a864a43d0070?api-key=579b464db66ec23bdd000001f2a9afcaba44488e6777c5e71692d917&format=json',
     crossDomain : true,
     crossOrigin: '*',
     contentType : 'application/json',
     dataType : 'json',
     success : function(data){
       for (var i =0 ; i < data.length; i++) {

         var $nr = $('<tr><td>' + data  + '</td></tr>');
         table.append($nr);
       }

       // after table is populated, initiate plug-in
       $('#myTable').DataTable(
            { "lengthMenu": [[10,-1], [10, 20]] });
}
});
This is my script file
see if any of them help
Stephen James
@sjames1958gm
@1532j0004kg Remove the contentType as you are not sending any content. Then you will get CORS error. Need to make sure that sight supports cross site requests
Amit Patel
@AmitP88

Hey guys, I was wondering, in React, is it possible to choose a state property at random?

For instance, if I wanted to setState of a random cell in this state object:

    this.state = {
      cell1 : '',
      cell2 : '',
      cell3 : '',
      cell4 : '',
      cell5 : '',
      cell6 : '',
      cell7 : '',
      cell8 : '',
      cell9 : ''
    };
Tiago Correia
@tiagocorreiaalmeida
good catch @sjames1958gm
@AmitP88 use an array and pick a number random and change that position on the array?