Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 20:57

    ryanjduffy on PLAT-100414

    (compare)

  • 20:57

    ryanjduffy on develop

    PLAT-100414: Allow images in th… (compare)

  • 20:57
    ryanjduffy closed #138
  • 20:49
    webOS101 synchronize #138
  • 20:49

    webOS101 on PLAT-100414

    Update docs-utils dependency E… (compare)

  • 20:49

    enyo-jenkins on 3.3.0-alpha.4

    (compare)

  • 20:45

    JayCanuck on release-3.3.0-alpha.4-test

    (compare)

  • 20:44

    enyo-jenkins on 3.3.0-alpha.4

    (compare)

  • 20:42

    enyo-jenkins on develop

    Update CHANGELOG for 3.3.0-alph… Version value updating Version value updating and 1 more (compare)

  • 20:38

    enyo-jenkins on 3.3.0-alpha.4

    Version value updating (compare)

  • 20:34

    enyo-jenkins on 3.3.0-alpha.4

    Version value updating (compare)

  • 18:50

    germboy on 3.3.0-alpha.4

    Update CHANGELOG for 3.3.0-alph… (compare)

  • 15:57
    ryanjduffy commented #2739
  • 15:56
    ryanjduffy commented #2739
  • 15:10
    codecov[bot] commented #2739
  • 15:08
    codecov[bot] commented #2739
  • 15:04
    codecov[bot] commented #2739
  • 15:03
    ryanjduffy opened #2739
  • 08:49
    codecov[bot] commented #2738
  • 08:48
    codecov[bot] commented #2738
Ramneek Handa
@ramneekhanda
i would still like to use spotlight navigation.. just that it doesnt do any specific css changes when focus is obtained by this container
D.R.Venkateshwar
@mepcovenkat97

@webOS101 I am just beginner in this Enact Framework
Is there any possible way to add custom CSS to the following component?
If so kindly give an example

<GridListImageItem
       onClick={onClick}
       caption={caption}
       source={source}
       subCaption={subCaption}
       {...rest}
/>

Thanks in Advance

Additionally, you can pass a className or style property. Using the css prop gives you the ability to pass in styles to specific parts of the component more easily.
And also protects your application from changes in the component structure.
D.R.Venkateshwar
@mepcovenkat97
```
https://enactjs.com/docs/modules/moonstone/GridListImageItem/#GridListImageItemBase.css
I don't know how to use this. Is there any example refer to? If so kindly mention it or just give me an example.
Roy Sutton
@webOS101
You import less/css into your component and pass it in the css property to add styles to the component. There's some information in this article:
https://medium.com/enact-js/theming-with-enact-2f1aac14b3a1
There are also some examples in the developer guide on theming:
https://enactjs.com/docs/developer-guide/theming/
As well as an introduction to CSS modules here: https://enactjs.com/docs/tutorials/tutorial-hello-enact/adding-css/
D.R.Venkateshwar
@mepcovenkat97
Is there any method or way to check whether the Scroller or VirtualGridList reach the end?
Dave Freeman
@sugardave

Hi @mepcovenkat97 I think you can do this for VirtualList with an onScrollStart or onScrollStop handler (probably want to check on stop): https://enactjs.com/docs/modules/ui/VirtualList/#VirtualListBase.onScrollStop

There's a moreInfo prop that gets passed to those handlers that has firstVisibleIndex and lastVisibleIndex values in it.

I don't think this exists in Scroller from looking at the API reference
(you could also do something terrible like check for disabled class on the bottom scroll button, but don't do that :) )
Jeremy Thomas
@germboy

There's actually a reachedEdgeInfo prop in the onScrollStop event that you could use to determine if you've reached the end, I believe. Something like this:

handleScrollStop = ({reachedEdgeInfo: {bottom}}) => {
    if (bottom) {
        // do something
    }
}

Then use it via <Scroller onScrollStop={handleScrollStop} />

Dave Freeman
@sugardave
nice
D.R.Venkateshwar
@mepcovenkat97

Thank You @germboy @sugardave
It worked for me. But I'm facing another problem.
While the focus is moving to down elements TheScroller is not scrolling as the focus element is moving downwards

I'm using VirtualGridList and the child component is a custom made card
While moving the focus through those cards as it moves downwards it is not scrolling
Kindly help

Roy Sutton
@webOS101
Scrolling events only fire on, well, scrolling. It does not fire if the list doesn't move.
Roy Sutton
@webOS101
Or, do you mean, focus moves off the visible page?
If it's the latter, it's possible you have not correctly sized the VirtualGridList. Check that it's height isn't greater than the page.
D.R.Venkateshwar
@mepcovenkat97
Yes my focus is moving out of the visible page
I tried to implement as per the samples provided in the github repository
Roy Sutton
@webOS101
@mepcovenkat97 Did you resolve this issue?
D.R.Venkateshwar
@mepcovenkat97
No, Not Yet.
Roy Sutton
@webOS101
Try setting a fixed height on your VirtualGridList and see if that fixes the problem.
D.R.Venkateshwar
@mepcovenkat97
Are there any props to add Sub-Title to the VideoPlayer tag?
Dave Freeman
@sugardave
@mepcovenkat97 I think you can probably use infoComponents to do this
apinho87
@apinho87
@sugardave regarding the subtitles, what can I add to infoComponents in order to make it work? I've tried to add the track element but I still don't have any subtitle shown
Roy Sutton
@webOS101
@apinho87 Do you mean subtitles like text beneath the video or sub title as in a smaller title below the main title?
D.R.Venkateshwar
@mepcovenkat97
I too tried the track elements. It doesn't work for me too.
@webOS101 Subtitle like text beneath the video (close caption (cc) similar to youtube ).
Roy Sutton
@webOS101
ah… I’m not sure at all how that works. It’s handled by the media pipeline and is outside our scope, I think.
Maybe someone else here knows better.
apinho87
@apinho87
@webOS101 I meant text beneath video, like, movie subtitles. Anyway, I used the html5 video tag and created the controls myself. That way, I was able to use track elements to show them.
apinho87
@apinho87
I have another question regarding spotlight. I have a button that, when clicked, It will create a popup panel, custom created. The problem is that I cannot set focus to it automatically. If I navigate using only the keyboard, after the popup is opened, instead of starting to navigate inside the popup, I still do it on the previous panel. I tried to set focus using the spotlight functions, but I didn't solve the problem. Any idea?
Roy Sutton
@webOS101
Popups can be tricky. You can take a look at the moonstone Popup components for ideas. You’ll want to probably make the popup a spotlight container with spotlightRestrict set in an appropriate way. You’ll probably want to only set focus into the popup after it’s been rendered. You might be failing to set focus because you attempt it too soon.
apinho87
@apinho87
@webOS101 Thanks. I'll have a look. I already have the spotlightrestrict and after entering the popup it works good. I'll have a look on how to set focus
Roy Sutton
@webOS101
:+1:
D.R.Venkateshwar
@mepcovenkat97
I have used moonstone's video player. While playing HLS content rewind and fast-forward functionalities aren't working properly whereas for mp4 content those functionalities are working fine. Does anybody have any idea about this?
If so kindly help me out.
Blake Stephens
@Djspaceg
I could be wrong (as when I tested this ages ago), it seemed like that was just the nature of HTML5 video. MP4 has special prefixing to allow for this, and other codecs either don't encode this, implement it differently, or aren't capable of it.
Jeremy Thomas
@germboy
From my experience, it appears HLS is used to serve a lot of live streaming content as well, so it's incapable of utilizing rewind or fast-forward features.
Eric Blade
@ericblade
been a while since I've been on Gitter. I hope all my friends around the world are doing well and staying safe.
Blake Stephens
@Djspaceg
Doing well here! Everyone seems to have figured out their WFH strategy and so far so good!
Roy Sutton
@webOS101
:wave: Hey Eric! Stay safe, indeed.
Dave Freeman
@sugardave
Ditto, Eric!
Eric Blade
@ericblade
Doing alright here so far. Finally time to catch up on all the house time-debt
Roy Sutton
@webOS101
:D
shalinhood
@shalinhood

Hello,

I have an issue with Layout I think. I've made webapp that's hosted on firebase. When you first open the page and scroll down, the bottom of the page has been cut off.
https://quacks-randomizer.firebaseapp.com/

I've expanded more in a GitHub issue: shalinhood/QuacksRandomizer#2

If you resize the page, or click any of the buttons, then you can scroll down to the bottom and no content is cut off anymore.

Has anyone seen this kind of behavior before?

Dave Freeman
@sugardave
I haven't had a chance to look at this much yet and won't get a block of time until later, but I'm not seeing what you've described. The page isn't cutting off anything on the first load. However, your first row of items seem like their inner content is being cut off when compared to the other items on subsequent rows. Some layout problems like this come when an automatically sized item's (cell, etc.) parent doesn't have height/width set and are getting computed by the browser, but not sure if that's what is happening to your app.
@shalinhood ^^^