Jssor: Nice work!
I would like to build a grid slider in the following way (based on the jssor grid slider example):
1 vertical carousal contains 3 horizontal carousals (exactly like the example)
3 horizontal carousals (h1, h2, & h3) have a number of photos.
The first photo of each horizontal carousal is static (would not slide out, but would slide up and down).
Could it be done?
Thanks in advance!
Given a main slider (vertical) with 3 slides, and each slide contains a child slider (horizontal).
As each slide (of the main slider) is fully customizable. You can place a static image and a child slider (horizontal) in each slide.
Hope this help.
Related
Here is an example from a mockup I made of what I am trying to achieve.
Right now in code, these are 2 separate screens, but they are simply using a regular built-in animation between screens. Where would I even start to begin achieving an animation like the mockup example? Could I use a Stack that has a circle as a background with a hero tag, and then change its radius? How could I guarantee it would fill the size of any screen?
Thank you!
It's quite simple, you can do it in 1 page, follow this:
Layer a full page popup menu widget (let's say the widgets on pink)
on the page 1 with Stack, hide it at initial.
Scale animation to the top left circle when pressing it
Show the hidden menu widget after scale animation
Hide and reverse the scale animation when pressing closing or back button
I am using ion-slide-box having multiple slides. One slide has too large content but others have less content. Issue is that all the slides are taking the same height as that of the slide with the largest height and that's why creating an extra scrollable area in other slides.
All slides should take height according to the content, please help me to figure out this problem.
Ion-slide-box always takes the height of longest slide. I explicitly defined the height of each slide and that works for me so far.
I'm trying to create a flexible menu for my mobile project but i'm having trouble with new UI system. I could do this with code but i want to know if it's possible without coding.
Here is what i'm trying to do:
http://i.imgur.com/33yMRgV.jpg
Basically, i want to have a menu area with height of %10 of total screen height. So for example, if it's a HD device, i want height of the red area in the image to be 192 pixel (1920/10). I can do that easily but i also want to have 192x192 buttons aligned on top right corner. I can set the height to parent so it becomes 192 too but i can't set the width to height. I can use ratio fitter to make them squares but i can't place them side by side.
So basically i just want to set width of an element to it's height and puting them side by side without coding. Is it possible?
Thanks
Have a panel inside Canvas, and add horizontal layout group and then add your buttons inside this panel.
Note : You will need to increase the width of the panel more than the canvas in order to have buttons horizontally.
I am using jssor slider .I have a requirement, I used images gallery with thumbnails . When clicked on external button thumbnails should hide and image should align centre in slider and arrows should align left and right to slider.
If you know how to set slider height and width according to window size please help me.
Your slider is made of 'outer container', 'slides' container and 'thumbnail navigator' container. You can adjust layout dynamically.
Refefence: http://www.jssor.com/development/tip-arrange-layout-adjust-size.html
You can scale the slider while window resizes, please note that jssor slider always keeps aspect ratio.
Reference: http://www.jssor.com/development/tip-make-responsive-slider.html
I want to make photogrid like this app.
I know that I can do this using UIClollectionView or any other demos available in cocoa controls , but the issue of using all these is that i can not move the grid view in any direction i.e i can move only in horizontal or vertical directions but not in z axis direction (i.e scrolling horizontal and vertical directions at the same time).
I want the grid view to move in any directions.
Is there any way to achieve this?
Thanks..