Hi,
In the past, recent cards were able to be slid by finger; however, right now only the arrows on each side work to slide them.
Is there any HTML code that we can add to recent cards widgets, so they can be moved by finger (especially on the mobile)?
https://github.com/NodeBB-Community/nodebb-plugin-recent-cards/blob/master/static/lib/main.js#L15
Try changing that to true, but it was broken on latest nodebb for some reason.
Hi @baris , I am also trying to put a thin border in each card representing the category color... I believe this info is inside this code:
function.generateCategoryBackground
Do you know how can I transform this function into this code:
.recent-cards .recent-card-container .recent-card {
border: 2px solid #XXXXXX;
}
You can modify https://github.com/NodeBB-Community/nodebb-plugin-recent-cards/blob/master/static/templates/partials/nodebb-plugin-recent-cards/header.tpl and use {topics.category.bgColor} in the template. Or give each card container a class passed on the category id. Then you can style it via custom css.
@baris said in Recent Cards does not slide by finger:
https://github.com/NodeBB-Community/nodebb-plugin-recent-cards/blob/master/static/lib/main.js#L15
Try changing that to true, but it was broken on latest nodebb for some reason.
When I activate touchEnabled, there is a weird box appearing on the top...
Was this what you were referring?
@crazycells That's new 
For me ajaxifying between pages was breaking when I activated touchEnabled.
@baris said in Recent Cards does not slide by finger:
Try changing that to true, but it was broken on latest nodebb for some reason.
Do you think this will be fixed soon?
@baris said in Recent Cards does not slide by finger:
You can modify https://github.com/NodeBB-Community/nodebb-plugin-recent-cards/blob/master/static/templates/partials/nodebb-plugin-recent-cards/header.tpl and use
{topics.category.bgColor}in the template. Or give each card container a class passed on the category id. Then you can style it via custom css.
In order to change the border colors in each card, in the header.tpl, should I add something like this in recent-card class?
style="{{{ if topics.category.bgColor }}}border-bottom-color: {topics.category.bgColor};{{{end}}}
is there any term that will cover whole borders? I have seen in CSS that the border color is defined as @well-border?
border: 1px solid @well-border;
@crazycells I am not sure if the mobile issue will be fixed, it seems to happen because of the bxSlider dependency which isn't in our control. Maybe another slider dependency can be used that works on mobile.
Using @well-border uses the less variable so it changes based on what skin the user is using, when you use {topics.category.bgColor} it will always use the color defined in the ACP for that category.
@crazycells and for anyone looking for a way to get the borders to match the category colours, a solution is provided here courtesy of me (sudonix.com)
@phenomlab said in Recent Cards does not slide by finger:
@crazycells and for anyone looking for a way to get the borders to match the category colours, a solution is provided here courtesy of me (sudonix.com)
Yes, those custom codes are solving the border-color problem for us. Thanks @phenomlab for the codes.
But the problem in the title is still there, however, I believe it is not an easy to fix/change feature.
@crazycells said in Recent Cards does not slide by finger:
I believe it is not an easy to fix/change feature.
I'll just leave this here 
Recent Cards - fix for slider on mobile not working
If you’ve downloaded the plugin nodebb-plugin-recent-cards and are struggling with getting the slider to work on a mobile device in the way that it’s supposed to (swipe), there is a (relatively) simple fix. First, add the below to ACP -> Appearance -> Cus...
thanks for the fix @phenomlab , it is working very well 
this was something our forum users were demanding back 
good that this is fixed.
C crazycells has marked this topic as solved on
