Container Regions in Reflow CC

I am working with Container Regions with Reflow CC.
I start with a mobile design with one single text box all along the vertical screen. Then, I want that after a wider breakpoint, this text box (already converted as Container Region) appears splitted in two, like 2 columns.
It works well, but then when I come back to the initial design my text box appears in one column but still splitted in two containers.
Is it possible to keep text in 1 single container while in 2 containers from other design breakpoint?
Thanks
Ignasi

In short, yes, you can do that.
At the "mobile" Media Query, change the second container to display:none; This will let you only use the first container to create your content. Then change the first container at the mobile MQ to height:auto; so that all the content will show.
You can then change around your container height at the larger MQs to get the correct height so your content will flow as desired.
Hope that helps, please let us know any other comments on what you think of regions!

Similar Messages

  • Error while integrating OBIEE report with EBS using Rich Content Container

    I am trying to integrate OBIEE report with EBS using Rich Content Container OAF functionality. I have followed the steps mentioned in oracle Note - Embedding Analytics in Oracle E-Business Suite [ID 974422.1]. When i run my page, the container region comes up with the error message - The requested URL /pls/ghrfpkd2/OracleSSWA.Execute was not found on this server. Can someone please help me with some documents on the steps to integrate OBIEE with EBS using Rich Content Container.

    I'm getting the same error on WebSphere 6.1.5. Is there any solution for this?

  • Export all sql reports in a region to csv or pdf

    Hello there,
    I have a region on a particular page in apex and that region has about 12 different sql query reports.
    I have enabled csv option for each of them so there are 12 links to export each report. However
    I would like to have only 1 link which will save the contents of all the reports to csv or pdf. The
    column headings are different for some of these reports but wanted to know if something like this
    is possible.
    Thanks in advance for reading this.

    You might try wrapping the regions in html regions that essentially give you the ability to specify a valign=top for the report regions.
    So, your regions look like this:
    30 Report Start - contains region source = (div)<table width="100%" cellspacing="0" cellpadding="0"><tr><td valign="top">
    40 Approved Tests Report (Column 2) Conditional
    45 Report 2 Start - contains </td><td valign="top">
    60 Unapproved Tests Report (Column 2) Conditional
    65 Report 3 Start - contains </td><td valign="top">
    80 Approved Count by Build Report (Column 2) Conditional
    85 Report End - contains "</td></tr></table>(/div)"
    Replace () with the angle brackets
    Maybe there is a more elegant solution with templates or page level CSS or something..
    But that should work.
    Edited by: Bob37 on Sep 17, 2010 3:33 PM
    Edited by: Bob37 on Sep 17, 2010 3:33 PM

  • How to get Current Page(region)  Name/ID   in OA 11i

    We need to get the name or id of the current page, and based on the pagename, we retrieve configuration to launch specific web service.
    pageContext.getPageLayoutBean().getPageFunctionName() is no sufficient. Since one page function sometimes contain multiple pages (eg, each individual page maps to one train node, all the train nods maps to one page function).
    are there OA apis that I can use to get the Current Page name in controller?
    I tried pageContext.getParameter("CurrrentPage") , it works great for iExpense application. However, in iRrecuiment, the parameter "CurrentPage" was not set at all.
    Please advise.

    First let me explain what I want to achieve:
    I am writing one region (choice list displays the webservices based on the container region) along with the controller, and that region will be embed inside any OA application pages via OA personalization. On the runtime, I need to detect the current page (container region) name. Then, based on the configuration stored in my table, I need to query out the web services endpoint to call.
    Now let me answer your question:
    For example, OIEMAINPAGE.xml (OIEMainPageContainer) contains OIEReview, OIEDetail, OIEGeneral, etc, each inner region will be rendered as a page when you click the train node or link of other page. (from end user perspective)
    If I call pageContext.getPageLayoutBean().getPageFunctionName() on those inner regions, it will return OIEMAINPAGE, so I can not figure out which region are rendered (displayed) on runtime. (My region are embed inside OIEMAINPAGE pagelayout region )
    If I call pageContext.getParameter("CurrrentPage"), it will return (OIERview, OIEDetail etc), which are exactly what I want.
    However, I have to make sure my code works for other OA application, and I already noticed that some application does not set parameter CurrentPage, instead they may set parameter Page. So, I want to know if there is API provided by OA or fnd team to return current container region (page), very similar to Form Block name.
    In form, One Form function could have multiple Blocks, and they are not displayed at same time.
    In OA, one function could have multiple inner container region, and they are not displayed at same time.
    In form, One Form function could have mutlple Blocks, and they are not displayed at same time.
    In OA, one funciton could have mulple container region, and they are not displayed at same time.

  • Aligning SQL reports in a region so that all top edges are aligned

    I have 3 SQL report regions in column 2. I would like these to display so their top edges are aligned.
    40           Approved Tests     Report (Column 2)     Conditional
    60           Unapproved Tests     Report (Column 2)     Conditional
    80           Approved Count by Build     Report (Column 2)     Conditional
    What actually happens is the reports are all centered vertically around the middle of the largest (tallest) report. Here's a crude ASCII picture:
    Approved Tests
    Category        #
    Area 1          100
    Area 2          100             *Unapproved Tests*
    Area 3          100             Category        #                   *Approved Count by Build*
    Area 4          100             Area 1           50                  11.0.1               700
    Area 5          100             Area 2           50
    Area 6          100   
    Area 7          100   
    Since the leftmost report is the tallest, the other two reports end up centered vertically around the middle of the leftmost report.
    Instead, I'd like all the top edges aligned, like this:
    Approved Tests               Unapproved Tests              Approved Count by Build
    Category        #               Category        #                    11.0.1               700
    Area 1          100              Area 1           50
    Area 2          100              Area 2           50
    Area 3          100
    Area 4          100
    Area 5          100
    Area 6          100   
    Area 7          100   
    Nothing I've tried so far has worked. Anyone have an idea how to accomplish this? Thanks...

    You might try wrapping the regions in html regions that essentially give you the ability to specify a valign=top for the report regions.
    So, your regions look like this:
    30 Report Start - contains region source = (div)<table width="100%" cellspacing="0" cellpadding="0"><tr><td valign="top">
    40 Approved Tests Report (Column 2) Conditional
    45 Report 2 Start - contains </td><td valign="top">
    60 Unapproved Tests Report (Column 2) Conditional
    65 Report 3 Start - contains </td><td valign="top">
    80 Approved Count by Build Report (Column 2) Conditional
    85 Report End - contains "</td></tr></table>(/div)"
    Replace () with the angle brackets
    Maybe there is a more elegant solution with templates or page level CSS or something..
    But that should work.
    Edited by: Bob37 on Sep 17, 2010 3:33 PM
    Edited by: Bob37 on Sep 17, 2010 3:33 PM

  • Embedding Regions Inside PopUp Windows

    <b>Problem Description</b>
    Regions can be incorporated into ADF Faces popup content to support potentially complex navigation through a series of pages to complete a task. Another important benefit of including regions within ADF Faces popups is content reuse. These great benefits make ADF Faces popups containing regions a commonly used application development pattern. Incorporating regions into <af:popup> content can seem similar to incorporating regions into a page, especially since an <af:popup> is actually considered part of a page. However, there are some important differences to keep in mind. When incorporating regions into <af:popup> content, the following default development constraints must be taken into consideration:
    <ul>
    <li>Content within the <af:popup> component is created and executed when its corresponding page is initially displayed. It’s not automatically refreshed when a <af:popup> is disclosed.</li>
    <li>When disclosing an <af:popup> subsequent times from the same page, region content isn’t automatically refreshed and restarted from the beginning.</li>
    <li>An <af:popup> is not automatically dismissed when its region content completes via navigation flow. Likewise, when an <af:popup> is dismissed, its corresponding region content is not automatically considered “complete”. Therefore, resources used by the corresponding task flow (e.g., memory, DB transactions) are not released.</li>
    <li>Region components activate when their <af:region> UI component is invoked (i.e., component tree built), not when the component tree is rendered. Most JSF UI components build their component tree and wait until rendering to activate. The <af:region> UI component is different since it must first resolve its task flow’s target view to include the corresponding page fragment.</li>
    </ul>
    Many of these default development constraints are the result of <af:popup> behavior being mainly client-side only. When a user discloses an <af:popup>, JavaScript on the client unhides the <af:popup> created previously when the page was initially displayed. When the <af:popup> is dismissed, JavaScipt on the client simply hides the <af:popup> again. In both cases, no event or request is sent to the server to refresh the region content or retrieve data based on the current application state. If the <af:popup> is displayed a second time, it simply redisplays the <af:popup> content remaining from the previous disclosure.
    <br>
    <b>Technical Pattern Description</b>
    This document describes the recommended development approach for the “ADF Faces Popup + Region” pattern. Other development approaches may be possible to achieve the same desired use case behavior. The development approach described in detail within this document is considered the most comprehensive and least complex approach.
    For releases <b>prior to</b> JDeveloper Studio Edition Version 11.1.1.2.0
    Click here to see the pattern described in this document.
    See the below blog entry for an overview of how this pattern is addressed in the JDeveloper Studio Edition Version 11.1.1.2.0 release as an ADF feature.
    http://blogs.oracle.com/DavidGiammona/2009/09/task_flow_call_activity_run_as.html
    Edited by: Richard Wright on Nov 17, 2009 5:28 PM
    Edited by: Richard Wright on Dec 10, 2009 8:32 AM
    Edited by: Richard Wright on May 13, 2010 1:04 PM

    Hi,
    I am wondering, if there a way to, while staying on the same popup (so, _without clossing popup), to refresh and restart region content from beginning ? For example, when user presses button on the popup, what I want, is :
    1. stay on the same popup
    2. release resources used by the corresponding task flow
    3. refresh and restart dynamic region content (thus calling default task flow activity from the same task flow).
    4. new content (depending on the default t.flow activity) should be displayed on the popup.
    This can be used in the following use-case : Imagine that user inserts new record on the popup. Default activity is the CreateInsertRow.
    When user press the 'Save and Create New' button, the data should be commited to the database, resources used by t.flow should be released, and default activity should be called again.
    Thanks in advance,...
    Richard Wright wrote:
    <b>Problem Description</b>
    > Regions can be incorporated into ADF Faces popup content to support potentially complex navigation through a series of pages to complete a task. Another important benefit of including regions within ADF Faces popups is content reuse. These great benefits make ADF Faces popups containing regions a commonly used application development pattern. Incorporating regions into <af:popup> content can seem similar to incorporating regions into a page, especially since an <af:popup> is actually considered part of a page. However, there are some important differences to keep in mind. When incorporating regions into <af:popup> content, the following default development constraints must be taken into consideration:(...)
    >
    For releases <b>prior to</b> JDeveloper Studio Edition Version 11.1.1.2.0
    Click here to see the pattern described in this document.

  • Displaying a Region on Column 2

    Hello All,
    I have a Jquery tab on one pf my pages.
    Under one tab, I need to add 2 sub regions,
    Region1's display point is Column1 & Region2's display point is Column2
    How can I achieve this positioning ?
    I want the regions to be displayed beside each other
    I tried to group them under one parent, somehow I was not able to get the region positioned on column2.
    Basically the region that contains the HTML for the tab is column1, how can I make it span to 2 columns ?
    Thanks,
    RD

    RD wrote:
    Hello All,
    I have a Jquery tab on one pf my pages.
    Under one tab, I need to add 2 sub regions,
    Region1's display point is Column1 & Region2's display point is Column2
    How can I achieve this positioning ?
    I want the regions to be displayed beside each other
    I tried to group them under one parent, somehow I was not able to get the region positioned on column2.
    Basically the region that contains the HTML for the tab is column1, how can I make it span to 2 columns ?Don't use column layout for this. Use 2 subregions within a container region, with CSS positioning.
    See +{thread:id=2155320}+ for a discussion of something similar.

  • Panel Tabbed with regions

    Hi
    I have Panel Tabbed with two items inside - both contains regions inside (static - not dynamic).
            <af:panelTabbed id="pt1" partialTriggers="t1">
              <af:showDetailItem text="Item 1" id="s1">
                <af:region value="#{bindings.emp.regionModel}" id="r1"/>
              </af:showDetailItem>
              <af:showDetailItem text="Item 2" id="s2">
                <af:region value="#{bindings.dept.regionModel}" id="r2"/>
              </af:showDetailItem>
            </af:panelTabbed>Logging initializers and finelizers for task flows inside these regions I noticed that both are triggered when I enter on the page with Panel Tabbed. Only task flow on selected item should be loaded - em I right ? Is there any property to set "loading on demand" regions in Panel Tabbed ?
    Kuba

    Hi,
    depends on the JDeveloper version you are on. For example, you can set a task flow binding (in pageDef) to deferred loading in which case it does what you want it to do. Early JDeveloper 11g R1 releases did not have this feature, in which case the behavior is as you see it. So you may need to check your JDeveloper version, and if it is an upgraded JDeveloper 11g application, check the deferred setting on the task flow binding
    Frank

  • Region free burning on a Power Mac G5 or Mac Book Pro

    Can a Mac burn a region free DVD (Region 0), or DVD's for different regions?

    Can a Mac burn a region free DVD (Region 0)
    Yes. In fact, it can only burn region free DVDs. DVDs which contain region codes can only be created by a licensed replication facility; internal or external DVD burners don't have the capability to implement that or any other copy protection mechanism at the DVD level.
    (47920)

  • Region in declarative component

    Hello there,
    do I suppose correctly that declarative component cannot contain region? I mean in its declaration not in its facet.
    Thanks
    Qjeta

    Hi,
    they can have af:region areas defined, but they can't have task flows in the regions because declarative components don't allow you to define ADF bindings. So if yur question is just about the af:region tag, then yes you should be able to use it
    Frank

  • 'Scrollable Content Region' - Region Template - Anybody used successfully?

    I have just implemented a "Data Load" function which is the OOTB page type in apex 4.2 which allows the end user to go through a wizard and import csv data into a table.
    When the user is viewing the data to be imported - they have to scroll across the length of the screen (depending on how many columns you are loading).
    I noticed there is a Region template called "Scrollable Content Region". I tried applying this template to my region, and when this didn't work, to a container region.
    The scrollbars appear (horizontally and vertically) but they are greyed out as the region is still at max width and you have to use the browser to scroll instead.
    I think this looks untidy as the header colour-styling ends, as well as other regions being stretched.
    Has anyone used this successfully before?
    Amanda.

    Hi Amanda,
    What I've done with this region is edit the template and change the style for the div.uRegionContent.  You'll see that it says "overflow: scroll", I change it to "overflow: auto", this way the scroll bars will only show when they are needed.
    The other useful thing is to remove the hardcoded height and define it on a per region basis.
    So, if my region ID (STATIC_REGION_ID) is empRegion then the height can be defined as:
    #empRegion > .uRegionContent {height: 600px;}
    Of course you could do this without modifying the region by adding !important.
    #empRegion > .uRegionContent {height: 600px!important; overflow: auto!important;}
    Hope this helps.
    Thanks
    -Jorge

  • In a popup the tree table data is not getting displayed properly

    Hi,
    I have a taskflow which contains a tree table within a panelStetchLayout. Following is the taskflow code :
    <af:panelStretchLayout id="SecurityAdminManageRoles" bottomHeight="0" topHeight="auto" inlineStyle="width:725px;height:400px;">
    <f:facet name="center">
    <af:treeTable value="#{bindings.WebCenterSecurityDCPermission.treeModel}" var="node" expandAllEnabled="true" fetchSize="150" verticalGridVisible="false" horizontalGridVisible="true" columnSelection="none" rowBandingInterval="0" columnStretching="last" contentDelivery="immediate" summary="#{uib_o_w_w_r_WebCenter.SECURITY_PERMISSIONS}" disclosedRowKeys="#{webcenterAdminSecurityBean.disclosedRowKeySet}" inlineStyle="border:none" binding="#{webcenterAdminSecurityBean.rolesTable}" id="tt2" styleClass="AFStretchWidth" autoHeightRows="150">
    <f:facet name="nodeStamp">
    <af:column width="260"
    selected="false" noWrap="false" id="c3">
    <f:facet name="header">
    <af:outputText value="#{uib_o_w_w_r_WebCenter.LABEL_PERMISSIONS}"
    id="ot5"/>
    </f:facet>
    <af:panelGroupLayout id="pgl26">
    <af:forEach items="#{bindings.getRoleHeaders.result}" var="role">
    <af:outputText value="#{role.value}" visible="false" id="ot1"/>
    <af:selectBooleanCheckbox selected="#{node.dataProvider.serviceActions[role.value]}"
    rendered="#{!node.dataProvider.serviceHeader}"
    label="#{null}"
    disabled="#{(node.dataProvider.readOnly and role.seededRole) or node.dataProvider.actionDisabledMap[role.value] == true}"
    simple="true" id="sbc2">
    <f:attribute name="permission" value="#{node}"/>
    </af:selectBooleanCheckbox>
    </af:forEach>
    <af:spacer width="5" id="s2"/>
    <af:outputText value="#{node.name}" noWrap="false" id="ot2"
    inlineStyle="#{node.dataProvider.serviceHeader? 'font-weight:bolder;': ''}"/>
    </af:panelGroupLayout>
    </af:column>
    </f:facet>
    <af:column headerText="#{uib_o_w_w_r_WebCenter.LABEL_DESCRIPTION}" rowHeader="unstyled" noWrap="false" id="c1">
    <af:outputText value="#{node.description}" noWrap="false"
    inlineStyle="color:grey;" id="ot3"/>
    </af:column>
    </af:treeTable>
    </f:facet>
    </af:panelStretchLayout>
    </jsp:root>
    This taskflow is included as a region within another page :
    <af:commandToolbarButton id="cb3"
    shortDesc="#{uib_o_w_w_r_WebCenter.LABEL_EDIT_PERMISSION_HINT}"
    icon="/adf/webcenter/edit_sm_ena.png"
    text="#{uib_o_w_w_r_WebCenter.LABEL_EDIT_PERMISSION}"
    inlineStyle="align:left">
    <af:showPopupBehavior popupId="managePopup"/>
    </af:commandToolbarButton>
    <af:popup id="managePopup" contentDelivery="lazyUncached">
    <af:dialog modal="true" type="cancel"
    title="#{requestContext.formatter[uib_o_w_s_r_Spaces.EDIT_ROLE][pageFlowScope.o_w_wa_spacesRoleBacker1.selectedRole.value == webcenterAdminSecurityBean.spacesUsersRole ? uib_o_w_s_r_Spaces.LABEL_AUTH_USER : pageFlowScope.o_w_wa_spacesRoleBacker1.selectedRole.value]}"
    titleIconSource="/adf/webcenter/empty.png" id="d4">
    <af:region value="#{bindings.editroletaskflow.regionModel}"
    id="r2"/>
    <f:facet name="buttonBar">
    <af:commandButton partialSubmit="true"
    text="#{uib_o_w_w_r_WebCenter.LABEL_SAVE}"
    actionListener="#{o_w_w_i_v_b_webCenterViewUtilsBean.saveChangesAndCloseWCLinksPopup}"
    id="cb4">
    <f:attribute value="#{bindings.editroletaskflow.regionModel}"
    name="wcRegionModel"/>
    <f:attribute value="bindings.saveRoles.execute"
    name="wcMethodToExecute"/>
    </af:commandButton>
    </f:facet>
    </af:dialog>
    </af:popup>
    In the main page, there is a table, I select one row and then click on this commandButton, which launches the popup.
    The problem here is that when I launch the popup, there are many rows in the table and hence a scroll bar appears. Scroll down the popup and close the popup.
    Again I launch the popup, I see that the popup displays in the same state as it was closed before, i.e the scrollbar is at the bottom and the first row is not displayed.

    ...also do not forget to:
    1. adjust the Active property for the task flow binding (in the pageDef).
    Set property value to the true on popupFetchListener, and to the false when closing popup
    2. for the af:popup containing region, set childCreation to deffered

  • JQuery in Apex 4.0

    Hello All,
    I want to create a accordion in my application by using the jQuery components, I followed some Threads also but it still not working.
    This is the thread I am following:
    Roll Your Own - APEX 4.0 and JQuery-UI Application
    Here the example given by Jeff is working fine for the tabs when I tried that, but for accordion I am following the reply given by Alister Lang.
    This is what I have done:
    Html Header:
    <link href="IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
    <script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.core.min.js" type="text/javascript"></script>
    <script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.accordion.min.js" type="text/javascript"></script>
    <script>
         $(function() {
              $( "#accordion" ).accordion();
    </script>
    HTML Region(Container)
    Region Source:
    <!--<div id="accordion"> //this portion I have commented out here, but it is not commented in my application
    <h3>Employees</h3>
    <h3>Departments</h3>
    </div>-->
    and two Reports with
    Static Id: tabs-3 and tabs-4
    This is the result what I am getting:
    http://apex.oracle.com/pls/apex/f?p=15413:3:3018646282454486:::::
    username: demo
    password: demo
    Please help me out
    Thanks
    Tauceef

    Hi Tauceef,
    have a look at Using jQueryUI Accordion with APEX 4.0 that will make it a lot easier to define an accordion.
    Regards
    Patrick
    My Blog: http://www.inside-oracle-apex.com
    APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins
    Twitter: http://www.twitter.com/patrickwolf

  • New DVD drive issues on DV6000 series.

    I just got my replacement drive from hp. I pulled the old drive and got the new one in yesterday. The driver installed on restart and seemed to be fine, i just ripped a couple of cds to itunes. The DVD side is giving me trouble though. I can't change the region code or burn anything.
    I get a warning when i try to change the region code: Make sure the drive contains region 1 media and you have adminstration privilege.
    DV6604nr and Optiarc AD-7581A drive.

    Dnewish2 wrote:
    Ok, one more time. It's a brand new drive from HP. Got that.
     Does it sound like the drive is bad? It will read cd's, my old drive didn't. It does recoginize a movie dvd as a data disc. Is there an updated or replacement driver for this drive on the HP site? Optiarc AD-7581a
    "It is probably locked to a region, only solution is Software"
    Got that.

  • HELP! How come I can see images I've deleted in iPhoto library folder on iMovie?

    I've deleted these images off my iPhoto library as well a emptied my trash. Although when i go onto iMovie the images are there supposably in the iPhoto library folder but are unable to be located but are able to be viewed. How do I erase this? Do I have to erase the cached iPhoto library and if so how?
    Thanks!

    remy trahant wrote:
    The tracks
    regions (tracks contain regions)
    are rectangular blocks of sound
    MIDI loops (green) are not sounds, so there is no waveform, they are merely instructions for a synth. audio loops (blue) will show the waveform.
    and I can't get them so they will be sound waves.
    if you option drag a MIDI loop from the browser into the timeline, it's pre-rendered audio sample will be used instead and you will see a sound wave.

Maybe you are looking for

  • Crystal Report Error During Upload

    Hello I currently have Business Objects enterprise 11 installed on 2 diff servers. 1 is a linux server and 1 is a Windows Server 2003 box. I am currently trying to migrate my reports from the Linux box to the Windows Server 2003 box. When I try to up

  • Unable to convert from "UTF-8" during oracle upgrade

    Hi, I'm trying to upgrade from 9.2.0.1 to 9.2.0.6, while running the runInstaller, am getting the following error: ERROR: Unable to convert from "UTF-8" to "ISO-8859-1" for NLS! SuSE-7, redhat-2.1AS, redhat-2.1, UnitedLinux-1.0, redhat-3 or SuSE-8 ca

  • HT1430 help my phone just shut off cant get it to come back on

    how do I get my phone to come back on

  • How to reduce size of icons

    How does one reduce the size of icons on an iPod? I'm asking for my dad; I didn't even know you could make them bigger. thanks, jason

  • PS8 Will NOT Launch - Program came w/Laptop

    Hello... I have a Toshiba Satellite Laptop and when my husband purchased it, PS Elements 8 was already "pre-instaled".  I tried to launch the PS8 over the holiday and I got a dialog box that stated the following message: " Photoshop Elements 8 can no