Not too sure if it's something that I'm missing but I'm using Lokesh Dhakar's lightbox 2 (Thanks Lokesh!) but I'm not seeing the arrows? when I click to the left/right or us the cursor it works just fine but no visible signs for the user.
Related
I Use the Lightbox 2 of Lokesh Dhakar.
All Options work well and the result is looking good. but my problem is, the overlay is only inside the iframe, not filling the page.
can someone help ?
I have 4 tab in a tabs component and a side menu. If I scroll horizontal the 1st tab from the left side, the side menu tends to appear but it doesn't. However the 1st tab moves horizontally from left to right and white blank screen is seen.
Have a look at the video here.
Using tabs with a side menu is not a good idea. You could try adding a fifth tab and placing commands there instead of a side menu.
It will look the same and it should work better than a side menu.
hope this helps and good luck with your development :)
The tab in cn1 works pretty good. But it could be better. I've 2 tabs. When I am in left tab, its content should not move when swiped from left. If it is swiped right, the right tab appears which is fine. Again if I swipe from right in the right tab, its content should not move since there's no other tab in its right.
One more thing, the movements of tabs are not smooth enough. It stops a bit before new tab appears completely.
Have a look at the video here
Tabs display iOS style tensile behavior by default. They let you swipe to an area where you have "nothing" so you can see it's empty. If they just blocked that motion you wouldn't know there is nothing there in the hidden tabs mode.
I have a chat page in a ionic project and like most chat apps I want to start the list of messages at the bottom of the page.
As far as I know with the help of google in the web world it is not possible to generate a list of items in a reversed order on the screen like in native apps.
The most common work around for this is scroll the page to the bottom on page load. I tried this and in most cases there are performance issues, scroll delays, list not responding for a few seconds etc. so not the desired solution.
No I came up with a different approach, with css I flipped the list of items so that the list is upside down. I also flipped the items in the list so that they are flipped back and are not upside down anymore. Now I have the result I want, I have a list with items with item 1 at the bottom without the need to scroll to the bottom.
.listUpsideDown {
-webkit-transform:rotateX(180deg);
transform:rotateX(180deg);
}
.messageUpsideDown {
-webkit-transform:rotateX(180deg);
transform:rotateX(180deg);
}
There is only one downside, because I flip the list the scroll direction is also reversed. So now I'm looking for a way to reverse the scroll input direction.
I hope someone can help me with this.
I have a working fiddle with my current situation where I need to reverse the mouse scroll input direction jsfiddle example .
Instead of doing other workarounds, stick to scrolling to bottom. As you are using ionic, use $ionicScrollDelegate service, Just call $ionicScrollDelegate.scrollBottom(); from your controller when you want to scroll to bottom.
Plus if you want to put animation, while it is going to bottom use $ionicScrollDelegate.scrollBottom([true])
I'm trying to animate a button so that if it is clicked, a picture will appear, but when it is clicked again, the picture will disappear- I want this to continue to happen indefinitely- I feel like this can easily be written with a macro, but I want to avoid unnecessary over-complicating of things. I tried to add in click animations but it will only appear and then disappear
Instead of using animations, you can toggle the transparency of the image between 0 (totally transparent) and 1 (totally solid) when click happens to achieve disappearing and appearing.