Android - slides

[andreaskarlssondev]

Hello, i am following your instructions for implementing this plugin. But i cant see any slides

The slides looks like the example

What am i doing wrong ?

[JoshDSommer]

Could you provide an example of what you are seeing?

[JoshDSommer]

referencing JoshDSommer/nativescript-slides#110

[andreaskarlssondev]

I am seeing nothing, the slides will not show up at all

This is tested in the newest version ?

[JoshDSommer]

I'm currently using it on a project I'm working on in my free time. If I were you I would try and tear it down to its simplest implementation. It's really impossible for me to tell whats wrong without more info.

[andreaskarlssondev]

i have implemented the simplest implementation, i only use the same code that you give in the introduction.

I got the slides to show now, but they overlap each other

[JoshDSommer]

@c13andka could you post a screen shot or gif? also what version of NativeScript you're running? not sure if it could be a compatibility issue, Also what device/emulator are you using? Thanks for the info 👍

[andreaskarlssondev]

I added nr so i could se that the slides overlap each other, like in the example one slide have only 1 and another 2.

`

<slides>
	<slide class="slide-1">
		<Label text="This is Panel 111111111"></Label>
	</slide>
	<slide class="slide-2">
		<Label text="This is Panel 2"></Label>
	</slide>
	<slide class="slide-3">
		<Label text="This is Panel 33333333"></Label>
	</slide>
	<slide class="slide-4">
		<Label text="This is Panel 4"></Label>
	</slide>
	<slide class="slide-5">
		<Label text="This is Panel 5"></Label>
	</slide>
</slides>

`

"nativescript": {
"id": "com.firstvet.firstvet",
"tns-ios": {
"version": "3.1.0"
},
"tns-android": {
"version": "3.1.1"
}
},
"dependencies": {
"angular/common": "~4.1.0",
"angular/compiler": "~4.1.0",
"angular/core": "~4.1.0",
"angular/forms": "~4.1.0",
"angular/http": "~4.1.0",
"angular/platform-browser": "~4.1.0",
"angular/platform-browser-dynamic": "~4.1.0",
"angular/router": "~4.1.0",
"email-validator": "^1.0.7",
"moment": "2.16.0",
"nativescript-angular": "~3.1.3",
"nativescript-angular-snapshot": "^1.5.2-5.5.372.32",
"nativescript-appversion": "^1.4.1",
"nativescript-background-http": "3.0.0",
"nativescript-camera": "^3.0.2",
"nativescript-exit": "1.0.0",
"nativescript-imagecropper": "0.0.7",
"nativescript-imagepicker": "^3.0.6",
"nativescript-iqkeyboardmanager": "^1.1.0",
"nativescript-ngx-slides": "^0.4.1",
"nativescript-opentok": "^2.0.1",
"nativescript-social-login": "^1.5.2",
"nativescript-social-share": "^1.4.0",
"nativescript-telerik-ui": "^3.0.4",
"nativescript-webview-interface": "^1.4.1",
"reflect-metadata": "~0.1.8",
"rxjs": "~5.3.0",
"tns-core-modules": "^3.1.1",
"zone.js": "~0.8.2"
},
"devDependencies": {
"angular/compiler-cli": "~4.1.0",
"ngtools/webpack": "~1.5.0",
"babel-traverse": "6.21.0",
"babel-types": "6.21.0",
"babylon": "6.15.0",
"copy-webpack-plugin": "~4.0.1",
"extract-text-webpack-plugin": "~3.0.0",
"filewalker": "0.1.3",
"json-loader": "^0.5.4",
"lazy": "1.0.11",
"nativescript-css-loader": "~0.26.0",
"nativescript-dev-android-snapshot": "^0..",
"nativescript-dev-sass": "^1.1.1",
"nativescript-dev-typescript": "~0.5.0",
"nativescript-dev-webpack": "^0.7.3",
"raw-loader": "~0.5.1",
"resolve-url-loader": "~2.1.0",
"shelljs": "^0.5.3",
"tns-platform-declarations": "^3.1.0",
"typescript": "~2.2.1",
"webpack": "~3.2.0",
"webpack-bundle-analyzer": "^2.8.2",
"webpack-sources": "~1.0.1"
},

device : LG Nexus 5x
emulator: Nexus 6 api - 23

[JoshDSommer]

Ahh, you will want to set a background color for the slides. I've never left them transparent so its not necessarily something i've thought about. is that a used case you need? I believe if you set a background color or image for the main slide container it should fix it as well.

[andreaskarlssondev]

I have the same implementation as you do in the readme file, so i also have css. As you can se on the picture the background is grey and not white. Because i never got this to work, i implemented the other packade.

I can still not slide the slides also. what nativescript angular version are you using ?

[JoshDSommer]

currently, it's using tns 3.0.0 and angular 4.1.0. you can see that in the package dependencies. another thing you might want to try is setting the width 100%

[andreaskarlssondev]

Got it to work :) but so you know, it will break with a tap gesture on a gridlayout inside the slides :) or for me it did, stacklayout goes fine.

[angelscat]

@c13andka
I have the same problem, how did you fix it?

[JoshDSommer]

@c13andka Awesome! I'm glad that works for you . do you happen to know if the tap gesture on the grid layout works in iOS?

[andreaskarlssondev]

it does, it is in android that it don't work