I would like to have the same effect but with pinSpacing: false,
the panel must freeze and run the internal animation and then go to the next one.
ScrollTrigger.create({
trigger: panel,
start: "top top",
pin: true,
end: "bottom top",
pinSpacing: true, // pin spacing FALSE
markers: true,
id: `panel-${i}`
});
example
https://codepen.io/aldozumaran/pen/QWaKobZ
Related
Here's my code below. I have added soundName value to sound file name. I have added sound file to 'raw' folder in android directory. But still it is playing default notification sound.
PushNotification.localNotification({
/* Android Only Properties */
channelId: 'default-channel-id',
autoCancel: true,
largeIcon: 'ic_launcher',
smallIcon: 'ic_launcher',
color: 'red',
vibrate: true,
vibration: 300,
tag: 'some_tag',
group: 'group',
groupSummary: false,
ongoing: false,
actions: null,
invokeApp: true,
when: null,
usesChronometer: false,
timeoutAfter: null,
/* iOS only properties */
category: '',
/* iOS and Android properties */
id: this.lastId,
title: config.title,
message: config.message,
userInfo: {screen: 'home'},
playSound: true,
soundName: 'sound_one.mp3',
number: 10,
});
This issue is resolved by creating channel with custom soundName.
While creating channel you must define soundName if you want custom sound and add sound file in 'raw' folder.
After defining custom sound you have to reinstall the application.
I've set up ESLint fixAll option on save in my VSCode Vue project. Here is the editor's settings:
// ESLint vs. Prettier
"[javascript]": {
"editor.formatOnSave": false
},
"[vue]": {
"editor.formatOnSave": false
},
"eslint.alwaysShowStatus": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
But now ESLint formats my code step-by-step. It corrects only one code issue with each Cmd+S hitting. Here is a video. How to setup VSCode to fixAll with one Cmd+S hitting?
I am using Datatables to present data to my customers and I have a number of pages to display.
I'm using the stateSave option to save search filter etc.. but for some reason, the current page is not saved and uppon reload, the page is always back to #1.
I've tried to set bStateSave as well... but did not work and now I'm a bit lost.
Here is my table init code :
var table = $('#products').DataTable({
"bStateSave": true,
"pagingType": "full_numbers",
"lengthMenu": [[25, 50, -1], [25, 50, "All"]],
"order": [[ 3,"asc"]],
"responsive": true,
"deferRender": true,
"stateSave": true,
"paging": true,
"language": {
search: "_INPUT_",
searchPlaceholder: "Search products",
},
initComplete: function () {
$('#products').show();
}
});
Does anyone have any insight on how to fix the problem ?
Thanks a lot for your help
Swiping on the edge of the screen to pop was working for weeks until suddenly it stopped working after a rebuild of my app. Possibly in between updating package.
Whenever I set the topBar to visible: false, the pop gesture (swipe on the edge of the screen) won't trigger a pop anymore.
topBar: {
drawBehind: false,
visible: true,
animate: false,
}
I'm using 2.1.3-patch.2 for react-native-navigation.
For react-native I'm using 0.57.7
I would love to know if I'm maybe missing a something?
I'm new to DataTables so accept my apologies if this is silly...
I'm trying to integrate datatables on the intel xdk app framework. While the datatable expands the vertical length of the div it doesn't expand the horizontal length and I can't seem to scroll. Here is the code.
I'm not sure how to provide an example for the xdk app framework but if someone let's me know I'm glad to post.
Thanks!
Addendum:
I don't know if this will help, but if you hit the table just right it scrolls. It's almost like it's not registering the click or something else is registering it on a top layer. Every one in 10/20 tries though it scrolls correctly. It almost appears that the app framework is not passing control/focus to the DataTable correctly. How can I fix that? Hopefully that helps someone!
var table = $('#table').dataTable( {
"symbol": symbol,
"exchange": exchange,
"aoColumns": columnData,
"aoColumnDefs": [
{ "aTargets": [0], "mRender": function (data, type, full) {return dateFormat(data)} },
{ "aTargets": [1], "mRender": function (data, type, full) {return numberWithCommas(data)} },
{ "aTargets": ["_all"], "mRender": function (data, type, full) {return numberWithCommas(parseFloat(data).toFixed(2))} },
],
"aaSorting": [[ 0, "desc" ]],
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
"bAutoWidth": false,
"bProcessing": true,
"sScrollX": "100%",
"bScrollCollapse": true,
"bServerSide": true,
"sAjaxSource": str,
"bDeferRender": true,
"fnServerData": function( sUrl, aoData, fnCallback ) {
$.ajax( {
"url": sUrl,
"data": aoData,
"success": fnCallback,
"dataType": "jsonp",
"cache": false
} );
}
} );
In App Framework 2.1, we provided a way to use jQuery and App Framework UI without conflicts. Instead of using appframework.js. We have created a jQuery* plugin called jq.appframework.js.
To use the plugin, include jQuery* first, then jq.appframework.js and finally appframework.ui.js (not the minified version).
<script src="jquery.js"></script>
<script src="jq.appframework.js"></script>
<script src="appframework.ui.js"></script>
https://raw.githubusercontent.com/01org/appframework/master/jq.appframework.js
https://raw.githubusercontent.com/01org/appframework/master/ui/appframework.ui.js
Are you using an unminified version of jQuery?