I have a UX with an Injectible Container and a ControlBar. The Injectible Container is an Accordion Control. What my goal is, to display the Injectible Container in 2 places based on Desktop or Mobile device.
So, what I've tried (is about everything) is making the Accordion Control into the Injectible Container. I then make the target type Placeholder which shows it in another container with the placeholder.
Works great so far in Desktop. But now I need to show it in Mobile as well in a Disclosure in the Controlbar.
So, I open by Controlbar and add the Injectible Container to the Disclosure, which opens with a button on the bar. Then, I use Javascript in the Responsive Settings to HIDE the Container that shows the desktop version with the Placeholder.
With me so far?
I preview in Mobile and the Placeholder is hidden, and the Injectible Content shows up when you click the button on the Controlbar.
Awesome, right?
Now, I go back to the Desktop preview and the container with the Placeholder is not shown. Darn. So, I've figured out that IF you put the Injectible Content into a Disclosure, you cannot show it anywhere else.
I've tried using the DIV display, Placeholders, Hide/show just about everything I can think of. I can't get it to show in both the Mobile Controlbar Button Disclosure AND the desktop.
At the end of the day, I want that Accordion Control to display on a desktop all the time, and also in a Mobile Device in a Controlbar Disclosure. thoughts?
So, what I've tried (is about everything) is making the Accordion Control into the Injectible Container. I then make the target type Placeholder which shows it in another container with the placeholder.
Works great so far in Desktop. But now I need to show it in Mobile as well in a Disclosure in the Controlbar.
So, I open by Controlbar and add the Injectible Container to the Disclosure, which opens with a button on the bar. Then, I use Javascript in the Responsive Settings to HIDE the Container that shows the desktop version with the Placeholder.
With me so far?
I preview in Mobile and the Placeholder is hidden, and the Injectible Content shows up when you click the button on the Controlbar.
Awesome, right?
Now, I go back to the Desktop preview and the container with the Placeholder is not shown. Darn. So, I've figured out that IF you put the Injectible Content into a Disclosure, you cannot show it anywhere else.
I've tried using the DIV display, Placeholders, Hide/show just about everything I can think of. I can't get it to show in both the Mobile Controlbar Button Disclosure AND the desktop.
At the end of the day, I want that Accordion Control to display on a desktop all the time, and also in a Mobile Device in a Controlbar Disclosure. thoughts?
Comment