I am working on an Ionic3 project. I want to use slider component. By default it only shows a single image at a time. Is it possible to show 3 images on a single page. and when user swipe new 3 and so on.
Please help
Thanks
Its slidesPerView='3', which I am looking for. It shows desired number of items at one time on screen.
Related
I have 2 custom LWC's created & placed as an adjacent tabs inside a community page.
Let's assume LWC 1 as Screen 1 and LWC 2 as Screen 2.
On Screen 1 we have some picklist fields with some values chosen by us.
When we click on Save button on Screen 1, it'll redirect to Screen 2.
Now when I'm again going back to Screen 1, the previous selected picklist values got lost(not retaining).
I'm struggling on this issue since last 3 days. Please help me out on this.
Thanking you in anticipation.
I have a number of setup pages inside a PageView. Se example page.
On some of these pages I am using Slider's.
This works quite ok on IOS but on Android sliding the value does not slide the value but instead the page. I.e. the slider is useless.
On IOS sliding outside one of the edges and back leads to sliding the page instead of sliding the value.
Does any one have a suggestion how to overcome this if possible?
Or do I have to forget using Slider's inside PageView pages?
Note: I could of course skip the PageView but being able to swipe through the setup pages is great user experience. Yea perhaps I have to give up on on that instead!?
I'm developing an app for PC, tab and mobile, which consists in a list of items. Each item has a detail page. The idea is to display each item's detail page when the user clicks on that specific item, but with different behaviour depending on the device. In PC/tablet, the detail view will be displayed on the right side of the list, and in mobile the detail page will be opened in a new page. You can see the idea in this image:
The image was made by Martin Pritchard, who wrote this Medium post some years ago about how to solve the same problem I'm facing now. He used IonSplitPane in Ionic 3 with Angular. I'm afraid I can't use this approach, or at least I'm not able to replicate it with Vue.
I've tried IonSplitPane alongside with IonMenu, but the behaviour is not the expected, because I don't need a 'hamburguer' menu that collapses in mobile view. Besides, I've tried with IonSplitPane only and I'm not able to put the collapsible side at the end (as it should be the detail view which hides in mobile, and not the left (master) pane). I'm not even sure this could be a solution, as I need that in mobile the detail page displays in a new view.
Has anyone faced this problem and could help me?
Thank you very much in advance.
I have a windows 8 grid app, however, when I click on a group, I don't want the GroupDetailPage. Instead, I need a page that has multiple tiles which are clickable links.
Something similar to the app store, when you click a particular group, say Games, you get all the games, arranged in a grid and it is a clickable link.
Any help is very much appreciated.
thanks in advance
You could modify the existing GroupDetailPage removing the content about the group, and leaving just the list of items. Or you could modify the destination of the group heading click to a completely new page that you generate.
Are you using C#/XAML, HTML5/JS?
If you are looking to mimic tile animations and display the MetroJS library is pretty cool:
http://www.drewgreenwell.com/projects/metrojs
I want to add a Button to a HeaderSpan in SmartGWT. At start, the title of the button will be + (Plus), when the user clicks the button, all the rows of the table are shown and the title of the Button becomes - (Minus). There are around 25 columns in the ListGrid hence I want this behaviour.
I have tried using the HeaderSpan.setAttribute("button", new Button("+")) method but it did not work. Please help.
Any other approach to hide/unhide columns will be very much appreciated.
I've watched this link. As per the overview given in the screen, it does provide hide/show of particular column as well as particular headerspan. On right side of each column a dropdown like button is given which is visible on mouse over & serves your purpose. If you want to change it's icon, you can try the following code, where headerMenuButtonIcon is the path of your image:
grid.setHeaderMenuButtonIcon(headerMenuButtonIcon);
Hope this helps you.