Uploaded image for project: 'Magnolia Demo Projects'
  1. Magnolia Demo Projects
  2. MGNLDEMO-32

Output Channels for pages and a component

XMLWordPrintable

    • Icon: Story Story
    • Resolution: Unresolved
    • Icon: Major Major
    • None
    • None
    • None
    • 8

      Demo must demonstrate Channels feature with Device Detection: The ability to show different content based on channel. And the ability to detect device features.
      The device example of channels is particularly relevant since our page editor/preview offers chance to preview for different device types.

      PAGE

      To the Demo project pages:
      Add the eqivalent to the OutputChannels tab of pages in STK.
      It has the effect that a page can be excluded on specific channels - in this case devices.

      COMPONENT

      Create a new component in the demo "channelPanel". Its dialog has the same fields as the OutputChannels tab of pages in STK. It contains an area which has all components of MTE available. So it can be used to control the channels of any other component.

      USAGE ON DEMO

      Use case for the demo is to have a Flash component that we only include on desktop. Of course flash makes sense because it does not run on mobile devices. But it should also simply demonstrate that you might have something HEAVY in a certain document that you dont want to bog down mobile devices with.

      FLASH CHART
      For this I recommend (Open to other suggestions though!!!) the Creative Commons licensed flashxml.net chart - which is free because it contains a watermark to the company website. Download from here: http://www.flashxml.net/charts.html
      Embed it simply in HTML component because we dont want to demonstrate configuring a component here. It should work to put all of its resources in /src/main/resources/travel-demo/resources/libs/flashxml

      Use the channelPanel component at the bottom of the about/company page. And configure it to not be shown on mobile. Inside it place an HTML component. In the HTML include a header: "Sales Figures", and then the charts SWF file as an object. (Based on the html in the included "index.html" sample file.)

      Add a page "figures" under "/about" in the last position - and configure it to not be shown on mobile in the page properties.
      To the page add a jumbotron and an HTML component with the charts SWF file.
      The JumboTron includes title "Sales figures" and the text: "Our recent sales are looking great across all regions - but do tend to fluctuate wildly year to year."

      NAVIGATION

      Ensure that the navigation does not show a page excluded due to the channel. (not sure if something must be done here - but at least check.)

        Acceptance criteria

              Unassigned Unassigned
              czimmermann Christopher Zimmermann
              Votes:
              1 Vote for this issue
              Watchers:
              5 Start watching this issue

                Created:
                Updated: