by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 18:01
    soumya-99 edited #6566
  • 17:39
    AnchorageMuseum commented #6514
  • 17:20
    soumya-99 opened #6566
  • 15:13
    beyzakilickol commented #4301
  • 09:12
    andrey-helldar commented on 824e782
  • Jun 03 14:17
    GabinH commented #6123
  • Jun 03 14:16
    uok commented #4056
  • Jun 03 08:32
    kpoman commented #6218
  • Jun 03 08:18
    kpoman commented #6218
  • Jun 02 21:48
    caglarorhan commented #1276
  • Jun 02 14:55
    Chrisx84 commented on 824e782
  • Jun 02 14:54
    Chrisx84 commented #6515
  • Jun 02 01:03
    morettic2015 commented #6493
  • Jun 02 01:02
    morettic2015 commented #6493
  • Jun 02 01:02
    morettic2015 commented #6493
  • Jun 02 01:02
    morettic2015 commented #6493
  • Jun 02 01:01
    morettic2015 commented #6493
  • Jun 01 16:41

    acburst on gh-pages

    patreon june compiled patreon june (compare)

  • Jun 01 16:40
    acburst synchronize #6542
  • Jun 01 16:40

    acburst on v1-dev

    patreon june (compare)

BigodeSan
@BigodeSan
hi guys, i have a problem with my carousel, every time i load the page a border appears bigger than the images, only after i scroll the page that the border fits the images.
Sem título.png
Juan Duque
@RDuuke
Hello, is the framework still alive?
Richard Williams
@lluttrell
Hi, I cannot get collapsible menus to work without jquery. I have spent a couple of hours on this. Even if someone could show me a minimal working example of a collapsible menu I would be very greatful. The example from the document does not work
Jamil Hussain
@JamilHussain510
Hello Everyone, I am using CSS CDN for my project but the CSS classes are not working in my case

import React from 'react';

const Todos = ({ todos, deletetodo }) => {
const todoList = todos.length ? (
todos.map((todo) => {
return (
<div className='collection-item ' key='todo.id'>
<span className='collection-item' onClick={() => {
deletetodo(todo.id);
}}
>
{todo.content}
</span>{' '}
</div>
);
})
) : (
<p className='center'>You've no todos left</p>
);
return (
<div>
<div className='todos '></div>
{todoList}
</div>
);
};
export default Todos;

Sean Doherty
@doughballs
@howimetmyself do you mean force the footer to the bottom, or have the footer always visible (like a navbar)?
@lluttrell take out the options variable from the init.
@BigodeSan live link or codepen please.
@RDuuke there hasn't been a release for a while but there are murmurs of something happening. Plenty of users and v1.0.0 is still the best css framework IMO :)
Sean Doherty
@doughballs
@Kymed it's working fine for me. I must hit that site 20 times a day. Just now https://materializecss.com/
BigodeSan
@BigodeSan
@doughballs
Sean Doherty
@doughballs
@BigodeSan the carousel is working fine for me, no border. What browser is this?
I'm using Chrome.
BigodeSan
@BigodeSan
@doughballs I'm using Chrome too
@doughballs strange, when I load the page it has a bigger border than the image.
Sean Doherty
@doughballs
@BigodeSan have you hard refreshed/cleared the cache?
Zeldri
@Zeldri
Hi, I'm trying to get working materialize on a wordpress, but I'm having a conflict with jquery-ui, it causes problem with the datepicker, only jquery-ui's datepicker is showing up on click, I saw that you can change materialize's datepicker function name, is it in the js file directly or is there another way ? :D (I think I still can de-register jquery-ui style on wordpress)
Zeldri
@Zeldri
Well it seems to be working with a wp_deregister_script( 'jquery-ui-datepicker' ); , the style of modals is a little bit messed up but if you have a better way to do it that would be great :D
BigodeSan
@BigodeSan
@doughballs not.
ElliotFer2000
@ElliotFer2000

@alamis remember that the element probably is growing depending on the content

It's good idea use a masonry layout in that case

BigodeSan
@BigodeSan
@doughballs the border only appears on a mobile device, it seems that the height of the carousel is at 400px, then when the page scrolls, the carousel adjusts the image.
Sean Doherty
@doughballs
@BigodeSan I see. I did check mobile, iPad and desktop in chrome but not on an actual mobile. I’ll check again.
Sean Doherty
@doughballs

@BigodeSan so it looks like you're using angular, not my area unfortunately. But I did some work on the a dynamic height carousel - we find out the height of the image, then set the carousel to be that height. Take a look at the bottom functions in this pen, may or not be any help to you. The issue with explicit height is it's not always suitable depending on image size.

https://codepen.io/doughballs/pen/VwvMgRd

BigodeSan
@BigodeSan
@doughballs thanks for listening.
Zeldri
@Zeldri
Hi again, I'm trying to add a onchange (or onclick) event on a select from materialize, but I can't achieve to trigger the event on click, I know that the lib is faking the select by adding an ul and li, but is there a way to actually do it ? I already tried with Event Delegation from jQuery but it couldn't get it to work. I found this but it seems to have change since : https://jsfiddle.net/dgbnz/a26b35r1/3/
Zeldri
@Zeldri
With 1.0.0 version :D
howimetmyself
@howimetmyself
@doughballs yeah having the footer always at the bottom of the page no matter the white space. Also how do I change the font color on the tabs, in addition to the "glass" effect
Sean Doherty
@doughballs

@howimetmyself

https://materializecss.com/footer.html#sticky-footer

You're page structure must be header, main, footer for this to work.

@howimetmyself check this for tab color:

https://codepen.io/doughballs/pen/zYvoOVr

Richard Williams
@lluttrell
Hi, I am trying to add options to a select menu using javascript (without jquery). Does anyone have an example that works? I am fetching data from an api and am basically just adding it manually to the DOM. This does not seem to work at all though
Sean Doherty
@doughballs
@lluttrell you have to loop through your data and create an option for each one - you can’t set the options via JavaScript. And then you need to initialise the select after the options are added to the Dom making sure not to include the options variable.
F S
@MojoKingBee
Hi, can someone point me to the right direction: I want to use the 'focusedIndex' of the dropdown element, but I have no idea in how to use it, I can't find any workin example.
Thanks in advance for helping
Sean Doherty
@doughballs
@MojoKingBee can you explain exactly what you are trying to do...
Richard Williams
@lluttrell
@doughballs I am looping through and adding each as an option to the DOM, then initializing the select. But I am just getting a blank dropdown list. Can I post a code snippet on here?
Richard Williams
@lluttrell
nevermind sorry. I had a typo in innerHTML
Ludo
@ludovv
Hi guys! Can you give me an example of options object format to initialize a formSelect plis, hope you understand my question, im from Chile hehe
Sean Doherty
@doughballs
@ludovv see my response to @lluttrell above
Ludo
@ludovv
@doughballs sorry, i explained myself very wrong. i thought i could initialize my select via options property
Amaren
@amarendrajoshi
@doughballs How to show in-line radio buttons?
Amaren
@amarendrajoshi
Hi, can someone help me whether materialize support inline radio buttons? If yes how I can show it?
Sean Doherty
@doughballs
@amarendrajoshi take the example from the docs but remove the p tags. (If this doesn’t look right, keep the p tags but set them to display:inline)
F S
@MojoKingBee

@MojoKingBee can you explain exactly what you are trying to do...

i want(ed) to get the index of the clicked item via focusedIndex, but nevermind i'm following a different way.
but i don't know how to refer to that property, the 'focusIndex' of dropodown. do we have an example of use?
thanks

Sean Doherty
@doughballs

@MojoKingBee I don't use Dropdown much, but I got this for getting the value (rather than the index)

https://codepen.io/doughballs/pen/WNvZVMx

Sean Doherty
@doughballs

@MojoKingBee I had a quick look. You need to get the instance to get all the data but not sure the focussedIndex is what you need as it's always returning -1.

instances[0]

https://codepen.io/doughballs/pen/QWywWep

F S
@MojoKingBee
thanks @doughballs. the former is the way i'm following, but the latter is what I was asking. Do you think it is possible to acieve the same result with a jq approach?
LovelydayGeorge
@LovelydayGeorge
hi there when I switch to windows host the navbar display properly the side taps and the drop down and the menu . when i get back to ubuntu i don't see them . as we i am using ruby in my app the navbar doesn't display properly . I mean on the materialize website aswell online
Fernando Corrêa da Silva
@Fernandosilvasc
Hi there, I'm using carousel plugin for my project and I would like to know how can I choose number of the element that will show inside slide show? Is it possible customize?