Comments (8)
@kevincrafts and I talked about potential accessibility issues with this feature.
We need to make sure that if a block has custom visibility settings, equivalents are set for all other display viewports.
If we don't enforce this, we run the risk of people hiding content for a particular subset of users. While this isn't much of an issue for a 'touch of whimsy' image, it is a serious accessibility issue for a block of text.
from express.
So the ideal situation is the block gets placed in two different regions - the sidebar (for desktop) and main content (for mobile). Block gets configured to be visible in one, but invisible in the other.
But there could be other situations where someone tries to just put something in the sidebar for desktop displays and wants no content for mobile (wrong, I know)...
How do we go about enforcing that the block actually exists in both places? They may have made the proper visibility settings, but if they never placed the block in one of the regions, we still run into the issue @jwfuller mentions above.
from express.
https://www-dev.colorado.edu/feature/832
from express.
Verified: Changing the visibility mode of a text block works. As does events blocks and article blocks.
from express.
One problem: A block that is visible on mobile only is a block that will be forgotten about when the site-owner is working on their site in desktop view mode. A site could end up with all kinds of hidden blocks sprinkled around, that site-builders have forgotten about because they only edit in desktop view. Suggested improvement: All blocks appear to all logged in users, with some kind of indicator or flag on the blocks that display only on a narrower view; perhaps a pink background similar to that of unpublished pages.
from express.
This should be using https://github.com/CuBoulder/express_responsive_visibility_bundle, not a branch of Express.
from express.
There are ways to exploit this to where you can provide different content to different displays.
Not sure how we go about fixing this. Open to ideas.
from express.
It was decided that while this module gives the opportunity to create different content on different displays, that this module will be added to the requested section and have further documentation and conversation on how to use properly.
from express.
Related Issues (20)
- Views 7.x-3.20 -> 7.x-3.21
- Not all sites with Forms 3.0 can invite Form Managers
- Readability issues on Expandables with Colored Backgrounds: HOT 1
- Height of site header container fluctuates between home page and any other page HOT 2
- Form blocks placed in block sections with white text could be improved HOT 1
- Pages using the Feature Title Image won't display breadcrumbs HOT 1
- Nested elements with different background colors may not use the correct text and link colors HOT 3
- Links in sliders may be the wrong color HOT 1
- The Forms bundles is not displayed on the Enabled Bundles tab when it is enabled on a site HOT 2
- Move Testing Code To Own Bundle
- When a block is relabeled, it should be given a new URL HOT 1
- Content Grid: a Teaser View with minimal text has bad layout HOT 1
- Tableau Integration/Embed
- Administrator role cannot edit Mega Menus HOT 2
- Group filter in localist block not setting saved value when edited HOT 3
- Sticky Menu Update HOT 1
- Add theme configuration option to choose brand bar color HOT 1
- Related Articles calculation off because term reference field is storing multiple rows with the same value HOT 1
- Cannot make a new Express site using install.php: Error: Call to undefined function libraries_get_path() in cu_slider_init() HOT 1
- /homecoming site may have permissions issue HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from express.