In Android I’m trying to work out a way to indicate to the user that a container can be scrolled. I’m not a fan of scroll bars and usually turn them off for all containers but would enable the fading edge to indicate that a container was scrollable. In Android 4.0 and beyond though, the fading edge no longer exists.
What would be another way to indicate to a user that a container is scrollable without using scroll bars, and without the ability to use a fading edge?
I’ve tried using arrows but it didn’t make much sense from a user standpoint and a gradient in the scrollable direction didn’t exactly jump out as meaning something was scrollable to me. I’ve also tried having a bit of the content show at the edge of a scrolling container to indicate that there was more information but it’s not very reliable that something will overhang with the different screen sizes and the amount of content per container.
Here’s an example of what I’m trying to indicate.
In this 3×4 grid, how can you indicate to the user that the container can be scrolled beyond the 12 items that are on the screen? In some situations there will be content overhang but this is the situation I’m trying to account for.
Also, the grid is just an example. My content is a single, horizontally scrolling row of icons.
I’ve researched a lot and I can’t find any solutions to this problem. A couple of months ago I traveled by plane, and when I arrived and turned off airplane mode (I have it always turned on) I had this r above the signal bars. I think it’s because I got outside my isp area when I was on the air, but now I’m back in my city and I can’t get rid of it. I’ve trying manually selecting the isp, turning on and off the roaming and the mobile data in the configurations but nothing seems to work. What else could I try?
I’ve been trying to create a simple webpage with this format:
- Header (nav bar with a bunch of tabs, height (let’s say 50px)
- Main content (div)
- Footer (nav bar with a height of also around 50px)
Code for this is found below:
<!DOCTYPE html> <html> <head></head> <body style="margin: 0"> <div style="height: 50px; background: yellow">hi</div> <div style="height: 50px;">content</div> <div style="height: 50px; background: yellow"></div> </body> </html>
The issue is that obviously the middle div’s height is hardcoded, and that doesn’t seem too great…
I tried to fix this by using the version-specific calc() for CSS, and I’ve managed to produce some pretty good results:
<!DOCTYPE html> <html style="height: 100%;"> <head></head> <body style="margin: 0; height: 100%;"> <div style="height: 50px; background: yellow">hi</div> <div style="height: calc(100% - 100px);">content</div> <div style="height: 50px; background: yellow"></div> </body> </html>
The issue with this is that 1) it uses a hardcoded value of 100px, and since my actual tab bars have variable size depending on how big my font is, this isn’t really too good. Looks really good though…
The second thing I tried was to use flex-box, another version specific method. The issue with this is that it just didn’t work…? Not even sure why it didn’t work, but I’m not as proficient in flex-box at all.
<!DOCTYPE html> <html style="height: 100%"> <head></head> <body style="margin: 0; height: 100%;"> <div style="height: 50px; background: yellow">hi</div> <div style="display: flex;">content</div> <div style="height: 50px; background: yellow"></div> </body> </html>
These are the only things I’ve tried… I know there’s a simple way to do this with display: fixed, but it allows text to go behind my header and footer, and I don’t really want that either. Thanks in advance for the help!
In our custom Article content type “manage display mode” When I click on any field “advanced” setting gear. The advanced setting section will not expand and the weight handle bars duplicated. This only happens on Article content type and not on another content type. See screenshot. http://allygem.com/displaymode.jpg
Ive been having this problem since December and I really need my data for career purposes if you could help me that would be fantastic thanks.
Cheap hydrea price internet, hydrea purchase visa canada
FAST APPROVALS & SHIPPING – ORDER NOW!
Hydrea ! SAFE AND SECURE ORDERING! Enter Here!
Our online pharmacy is well known among our customers for being the best one available
Rami Malek looks smitten as he hydrea joins girlfriend Lucy Boynton at party celebrating Bohemian Rhapsody This Is Your Brain Off Facebook Whats on TV Tuesday At Home With hydrea Amy Sedaris…
Purchase hydrea long beach feng, cheap 2mg hydrea bars page
How would you go about revamping a navigation as long as this while keeping all the links visible
Pressing Ctrl (i.e. for ctrl+a) deselects the search bar and I end up highlighting the whole page instead of the text in the search bar. I have reset all Keyboard Shortcuts in
Settings > Devices > Keyboard. This is a fresh install and the problem has been present since the install.