Apex 4.2 theme 25 grid layout setting.

Hi
I know this is silly question but i had to ask you because i have i tried enough , i have done this before but it not working for me right now. :(
I have 4 region on page .
Region 1 Grid Layout
Start New Row     Yes
Column          Automatic     
Column Span     Automatic     Region 2 Grid Layout
Start New Row     Yes
Column          1
Column Span     4Region 3 Grid Layout
Start New Row     NO
Column          5
Column Span     4Region 4 Grid Layout
Start New Row     YES
Column          1
Column Span     8In Region 4 I have 11 number field items with setting.
New Line YES
New Field YES
Width 11
Height 1
Column Span null(default)
Row Span    null(default) I want to arrange first 6 in column 1 last 5 in column 5
I played around the setting by changing column on item to start with 1 and 5 respectively and and set the NO to start new row.
But it justs move little away to right not really to actual 5 column in grid.
Your Input is appreciated.
Thanks

BUG in 4.1 application theme 25

Similar Messages

  • ALV Grid Layouts - Setting them user-specific

    Hi everybody -
    I am using the ALV grid layout for a report using function module REUSE_ALV_GRID_DISPLAY.  There are a number of fields that are not immediately viewed on screen - they are in hide mode within the field catalog.  We want to allow the users to add them / remove them from the report using an ALV variant.
    I can allow the users to add/remove with a layout variant no problem - but I am having an issue allowing them to save the variant that they are using to view the data, as user-specific.  For whatever reason, they are only allowed to save their layout variants as global - the "User-specific" box is grayed out.
    Does anyone know how I can get the "User Specific" box to be NOT grayed out within an ALV grid?
    Thanks!
    Abby

    Set the I_SAVE parameter to 'U' in your function call.
    Regards
    Rich Heilman

  • APEX Theme 25 - Responsive Grid Layout Question

    Hi
    What is the best way to control an item to be positioned right next to the other item on the same row.
    I have a select list that I would like to have an edit button right next to it.
    I created two items for example:
    P_MY_SELECT_LIST Grid set New Line to Yes, Auto
    P_MY_EDIT_LINK Grid set New Line to No, Auto
    But it is not doing what I expected.. what am I missing?
    When it was tables not divs I had no trouble but now I need to learn the kep to using the Grid.
    When I hard code the edit in the Post Element of the item it works great with 2 spaces... but I can't control the item by the AUTH Scheme. I don't want them to show up unless you have the proper role.
    Plus, I want to learn the new 4.2 way!
    Thanks, Bill

    Hi Scott, Bill,
    Because Theme 25 relies on grid for most of it's positioning, it is difficult to do accomplish what was sometimes much simpler when using the tables approach for form layouts. This also happens to be one of the biggest issues with Theme 25: proper form and label positioning.
    If we look back to using tables for form layout we would see that a structure would be created immediately when we started laying out items. Because of the way tables behave, whatever the size of your first label was controlled the width of that cell, and the cells below it. Meaning all of your labels would line up, but only take the space necessary to fit your label.
    However, with a div-based grid, this is no longer possible. There is no structured set of cells that grow / contract together as there are in tables. Because of this, it is difficult to determine the width of a given container and apply that same width to others (for example, picking up your largest label, and applying the width of that label container to the other labels which are below).
    One way to go around this problem, and what we've done in Theme 25, is to used fixed-width labels. So we explicitly set the width of labels, and that makes the layout much more predictable. We know that labels will always be a certain width, and that input fields that follow will begin from the same position. However, this is very different from how forms in tables work:
    1. All labels are the same size, so even if a label is very small, or very large, it will take the same space.
    2. We can no longer align two items be right next to each other without using grids.
    3. When using grids, we have to be mindful of the label's fixed width as it can be larger than the column it is contained in.
    We're working on a cleaner approach to this problem so creating responsive applications and laying form items is easier than it currently is. In the meantime, you can override several styles to help your particular use case.
    Here are just a few styles you can apply to your page to get form alignment to behave (with a specified region static id):
    1. Manually setting the widths of labels for a given region:
    #my_region div.fieldContainer.horizontal>label {
        width: 80px;
    #my_region div.fieldContainer.horizontal div.fieldControls {
        /* width above + 16px spacing */
        margin-left: 96px;
    2. Set Label widths to only take up the space they need:
    #my_region div.fieldContainer.horizontal>label {
        float: none;
        width: auto;
    #my_region div.fieldContainer.horizontal div.fieldControls {
        margin-left: 0;
        display: inline-block;
    3. You can allow fields to float left:
    a. Add to your inline CSS:
    #my_region div.fieldContainer {float: left;}b. Set grid layout attributes for your second item as follows:
    Start New Row: No
    Column: Automatic
    New Column: NoYou can combine these together as well. For example, applying styles #2 and #3 will let you position elements side by side and immediately after each other.
    Scott,
    For some of your issues in particular, here are some possible ways to go around them:
    1. Password field being cut off
    In addition to setting the size of the field to 60, you can apply an inline style to control the width by setting the HTML Form Element Attributes field to:
    style="max-width: 100%;"This will restrict the size of input field to be a maximum of 100% of it's container, and should no longer be hidden when your window is resized.
    2. Customer Report obscured
    You can add an inline style to your page header to set this region's content to scroll. For example giving it a static id of my_region and adding the following to your page's inline css field:
    #my_region section.uRegion>div.uRegionContent {overflow: auto;} Hope this helps!
    Shakeeb

  • Apex 4.2.1: Region grid layout?

    See https://apex.oracle.com/pls/apex/f?p=57688:4
    Page template - One Level tabs - no sidebar. Theme 24
    The Grid Layout section in Region attributes has Start New Grid, Start new row/column, Column No or Automatic and Colspan attributes. How can I set the rowspan attribute so that, in the example page above, regions r1 and r2 are next to each other with no whitespace, regardless of the size of region r3? I thought I could easily set the rowspan of r1 to 2 and that would take care of it but maybe I am missing something.
    Help? Thanks

    VANJ.
    Did you check the html of the renderd page.
    Did is what I found.
    <table class="regionlayout" role="presentation" summary="">
      <tbody>
        <tr>
           <td valign="top">
               <section id="R8612284225122823493" class="uRegion clearfix"> //R1
           </td>
           <td rowspan="2">
              <section id="R8612284620818823496" class="uRegion clearfix">//R3
           </td>
         </tr>
        <tr>
           <td valign="top">
              <section id="R8612284400865823496" class="uRegion clearfix">//R2
          </td>
        </tr>
      </tbody>
    </table>As it is now R1 and R3 are renderd next to each other. And R2 is in a seperate row.
    So if R1 and R2 need to be next to each other R2 and R3 need to be swapped.
    It maybe something as simple as a wrong sequence.
    Nicolette

  • Grid Layout in theme 26

    Hi,
    I am using Oracle Apex 4.2.1
    I have been following a Youtube Video from Oracle Learning: http://www.youtube.com/watch?v=dPgQZTsdSBI
    The video demonstrates an example of grid layout for regions. The layout has 12 columns and and 4 regions, the regions using 3 columns each. In the video the regions align perfectly.
    I have tried to recreate this in theme 26 but it does not work. I have set theme 26 to reference the page templates for theme 25. However, this does not work and the regions appear next to each other using 1 grid each with no spacing.
    Any ideas on how to fix this in theme 26?
    Thanks,
    JIM

    JIM wrote:
    Hi,
    I am using Oracle Apex 4.2.1
    I have been following a Youtube Video from Oracle Learning: http://www.youtube.com/watch?v=dPgQZTsdSBI
    The video demonstrates an example of grid layout for regions. The layout has 12 columns and and 4 regions, the regions using 3 columns each. In the video the regions align perfectly. The video demonstration uses theme 25, which has page templates set up for a CSS grid system with 12 fixed-width columns.
    I have tried to recreate this in theme 26 but it does not work.The theme 26 page templates are configured to use HTML table layout with a dynamic, variable number of columns. HTML tables expand to fit their contents, so the width of the columns is also variable.
    I have set theme 26 to reference the page templates for theme 25.Don't know what you mean by this. Please explain in more detail.
    However, this does not work and the regions appear next to each other using 1 grid each with no spacing.
    Any ideas on how to fix this in theme 26?Basically there's nothing to "fix". This is how the table-based layout used in theme 26 works. The regions only appear to use "1 grid each" because their content is all the same size. If you add different content to the regions (as I have) then the table columns change width to fit it. You could use CSS to apply fixed widths to the columns, but that kind of defeats the purpose of using table-based layout.
    The themes in APEX 4.2 don't appear to specify spacing between regions when using HTML table layout, but this can be controlled using CSS.
    Why are you trying to use theme 26 rather than theme 25 as shown in the video demo? They don't look that different.

  • APEX 4.2 aligning issue of Stop and Start Grid Layout item

    My APEX application application is in the process of moving from 4.0 to 4.2.  I am experiencing an issue with aligning (left margin justified) of Stop and Start Grid Layout items that have a border around them.  Earlier I had an issue with the border itself not showing up in the 4.2 application.  I was able to resolve that with a workaround by adding inline code in the CSS section of the page: #P23_OFFICE_START_TBL {width:682; border:1px solid #369; margin:5px;}. This created the border which I needed, but there are 2 Stop and Start Grid Layout items that are indented and not aligning with the border of the previous line.  I have tried a number of different things but none of them have worked.  This seems like a very simple issue to fix but I am having a tough time resolving it.
    I tried to put the item in question in a different grid, which corrected the indention but then I lost the border around the item.  It seems that the above CSS code does not work on the new grid.  I also tried to put attributes such as margin-left:5px; float: left; clear: left; float: left, in the CSS code but that did not work, too.
    Any suggestions?
    Thanks
    Ajay K

    I deleted and added back the Stop and Start Grid Layout items not aligning properly.  This worked.  Apparently, the 4.0 to 4.2 upgrade did not handle/convert these items properly.  Deleting and adding them back resolved the issue.

  • In Fluid Grid layout, I have hidden 2 div for mobile layout. How do I unhide them?

    In Fluid Grid layout, I have hidden 2 <div> for mobile layout. How do I unhide them?

    Hi there,
    I visited your site using Dreamweaver CC and tested it using the default Desktop, Tablet and Mobile sizes, followed by the Smart Phone Size.
    The CSS you currently have sets the featurest <div> to 'display: none' when viewed on screen sizes lower than 480px:
    Another helpful way to find out what is going on with your CSS is to test the site with Firefox using Web Developer Tools to inspect the element (or alternatively, Adobes Inspect tool). You can right-click the image and "Inspect Element" then resize the browser window so you can see exactly which CSS rule is being applied and overrided.
    My suggestion would be to add an additional media query in Dreamweaver to handle all screen sizes below 480px and then set divs or elements you want to hide or show display property to visible.
    Hope this helps!

  • Setting overall styles in DW CC fluid grid layout

    I have just watched this tutorial on Adobe TV about fluid grid layout in DW CC: http://tv.adobe.com/watch/learn-dreamweaver-cc/create-fluid-responsive-web-pages-in-dreamw eaver/community#community
    This is a great start, but I need to know more!
    Where do I set the body text, background, background tile and drop shadows, plus the H1 to H4 and a link attributes? Is it in the <div class="gridContainer clearfix">  or do I do i somewhere else? I saw another video on fluid grid layouts that briefly mentioned using a separate css stylesheet for fonts as 'it was better' but no more detail was given.
    Also where can I change the a link attributes in a div if I want different a link styles in that div to the rest of the website? I can't see an area in the properties panel where I can change a link behaviour.
    Thanks so much.

    Generally, when you are building a website, you want your styles in a separate style sheet (a CSS document). With respect to the tutorial, he details that he is creating a CSS document he calls "style.css" and saves it in the local root folder. I usually place my style sheets in a /css/ folder but, for the purpose of his demonstration, placing it in the root of the defined site in Dreamweaver is just fine.
    Now, once he has saved his initial HTML file, Dreamweaver CSS tells him that his document needs two more documents that Dreamweaver will pull in from the Dreamweaver library. One is a JavaScript document, respond.min.js, that handles figuring out what to do on a cell phone, versus a tablet, versus a desktop and the other is "boilerplate.css" that handles fluid grids. If you look at the HTML document, you'll see links to these three files in the root of the defined site.
    Now, you'll notice when he's creating the header (id="top") and doing the centering of the logo image, he tells you to select the corect stylesheet, namely "style,css."
    Here's the essential problem with the way he's showing you how to do this. You're not actually working in the code. He's demonstrating all of these panels and entry areas for Adobe's Dreamweaver that actually hide the code from you. In fact, he encourages this by switching you from "Split" view to Design (only) view for centering the logo image.
    I think this is disingenuous. Everyone here in this forum will tell you, "You need to learn HTML and CSS." And they're absolutely correct. Dreamweaver's fluid grid layout gizmo may not ever define body text, background, background tile, drop shadows or your "h" tags at all. Or, they may be defined, but you are never taken to the code that shows you those definitions.
    Open the CSS document that is the basis of the tutorial, which is style.css. In that document, you should see a "body" definition like this:
    body {
              background-color: #FFFFFF;
      color: #000;
              font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
              margin: 0px 0px 30px 0px;
    In English, this means your background color is white and your text color is black. You're using Lucida Sans Unicode or Lucida Grande as your typeface, defaulting to sans-serif if those are not available. You have a 30-pixel bottom margin, no margins for either top or sides.
    If you need to create a background color or tile, you would change the background-color attribute or, if you are tiling a background, you would place the following in the body definition in CSS:
    background-image: url("images/tile.jpg");
    This assumes you have a file in your /images/ folder in the root of your defined site called tile.jpg. Since you did not include a background-repeat command, your tile will repeat x and y.
    And if you don't want a tiled background in your body and do want it in a different div, you simply look for the name of the div in your CSS and put it there.
    As to your heading styles, you may find them all ready defined in your CSS document. You may redefine them or create new header styles.
    This should get you started. The key is to open the CSS document, "style.css" and see what's there.
    -Mark

  • How to set the cell size in grid layout where each cell is a panel

    Hi,
    I am using a grid layout where each cell is a panel. Here I want to
    set size of each panel to be equal irrespective of any. But it is not obliging the setSize().
    no of row in grid - 4
    no of columns - 4
    each cell is a panel. each panel has a label.
    panel.setSize(parent.getWidth(), parent.getWidth()/4); // not working. Size is adjusting to the length of the label.
    I want to force the size of the panel to our preferred size.
    Note: In swing we can use JPanel.setPreferredSize(). Unfortunately I cannot use Swing components. Requirement is awt only.
    Any help in this is highly appreciated.
    Thanks
    Kishore

    I observed it is same behavior with gridbag layout. Infact it is gridbag layout only with 4 cells, where first cell should be of constant width (it is base for other cell widths) and other cells are variable (some integer*base width of first cell). I want to set the size of first cell width to be constant.
    Though it is redundant I once again say that it works perfect with setPreferredSize of JComponent.
    But I should not use any swing component/api. This is sytem requirement.
    Any help is appreciated.
    Thanks
    Kishore

  • I downloaded Dreamweaver CC 2014.1, started using it but cannot find Show Fluid Grid Layout Guides button, Resize LI.link sizing handle and 'move up a Row' arrow. Where can I find them?

    I downloaded Dreamweaver CC 2014.1, started using it but cannot find Show Fluid Grid Layout Guides button, Resize LI.link sizing handle and 'move up a Row' arrow. Where can I find them?

    You have the latest version (CC 2014.1 or 2014.1.1) in which the interface condenses Design View with Live View buttons in normal layouts.  See screenshot.
    However, in FGLayouts, Live View is the only option which poses some editing problems and has been highly criticized.
    Is there any way to display the Design View in fluid grid pages?
    New Features in CC 2014.1 October Release
    http://helpx.adobe.com/dreamweaver/using/whats-new.html
    New Features in CC 2014.1.1 February Release
    https://helpx.adobe.com/dreamweaver/using/whats-new.html#Enhancements%20to%20Live%20View%2 0editing
    You can disable this restriction by adding an X to the FGLayout CSS.
        Dreamweaver Fluid Grid Properties
        dw-num-cols-mobile:      X 4;
        dw-num-cols-tablet:        8;
        dw-num-cols-desktop:    12;
        dw-gutter-percentage:    25;
    =====================================
    Having said that, it might just  be simpler to revert to an earlier version.  Log-in to Creative Cloud Desktop app.  Go to Filters & Versions > Previous Version.  See screenshot.
    Nancy O.

  • Setting height for grid layout cell

    hai,
    i am creating my own layout for my framework page.i am using grid layout tag presents in htmlb.i want to set height for my grid layout cell using taglib but there is no height attribute as per i know.is there any way for that.....
    if anybody knows about it please tell me. if u have an sample code also please send me...
    regards,
    prasath

    Hi,
    Try the method setHeightPercentage in both GridLayout and GridLayoutCell classes.
    GridLayout result = new GridLayout();
    result.setHeightPercentage(100);
    Greetings,
    Praveen Gudapati
    [Points are welcome for helpful answers]

  • Apex 4.2 theme 25 Text item cursor focus issue

    Hi
    Apex 4.2 theme 25, linux , 11gR2
    I have 4 region on page , first region Info display region html, other are form region with Insert sql statements.
    Page:     12 Operational
    *Name     P12_abc
    Display As TextField
    User Interface
    *Sequence 160
    *Region      abc
    Template     REQUIRED(HORIZONTAL-RIGHT ALIGNED)
    Grid Layout
    Start New Row     YES
    Column          AUTOMATIC     
    Column Span      AUTOMATIC                    
    Label        ABC
    Settings
    Value Required YES
    Subtype     TEXT
    Submit when Enter pressed     NO
    Disabled     NO
    Element
    Form Element Width     11   Maximum Width20
    Value Placeholder     null
    HTML Form Element CSS Classes     
         null
    HTML Form Element Attributes     null
    ISSUES_
    One can not click inside the first(this) field. The only current user workaround is to click on the field/item label and then focus occurs OR click in second field and shift tab.
    QUestion
    Is it due to Template     REQUIRED(HORIZONTAL-RIGHT ALIGNED) ?
    IS it due to having two items on same grid( parallel to each other)?
    Am i missing some setting or this is a bug ?
    Thanks so much for looking into this.

    BUG in 4.1 application theme 25

  • Grid Layout - Getting two or more fields to display on the same line/row.

    I am using version 4.2.
    I have a form with a number of items.
    I wish to control the display of the items so that some fields are beside each other (on the same line or row).
    I have set the grid layout as follows:
    :PX_ITEM1
    Start New Row: Yes     
    Column: Automatic               
    Column Span: Automatic     
    :PX_ITEM2
    Start New Row: No     
    Column: Automatic     
    New Column: Yes          
    Column Span: Automatic     
    When I do this the items are not displayed on the same row.
    I can see when you change the "Start New Row" from No to Yes, the item fields ARE moved into the same <Div> that controls the row, but they just aren't displaying how I would like them.
    Has anyone got this working?
    Amanda.

    Hi Amanda,
    I believe I have discovered the cause of the issue you are facing.
    The problem is with the "Alert Region" region template and that it does not have any display points specified so indicate the number of grids that can fit in its region body. Without having any display points, the grid layout system attempts to use all columns available to its container. However, because the Alert Region has additional padding within, the columns will not fit and wrap to the next line.
    To fix this issue, you will have to modify the "Alert Region" region template, go to "Display Points" and click Add Row. You will need to enter the following fields:
    Name: Region Body
    Template Substitution: BODY
    Grid Support: Checked
    Maximum Fixed Grid Columns: -1
    This will fix the issue for you. I've logged a bug within our bug system to track this so we can fix it in a future release of APEX.
    Best,
    Shakeeb

  • Rowspan in Grid Layout

    Hi,
    I am using Apex 4.2.1.00.08 and trying to do some basic design on a form.
    I have a couple of items and one of them is Shuttle item. I would like to position it on right side of form. I do this by setting Start New Row in Grid Layout to NO.
    Up to this point all if fine. What I miss is setting for rowspan. This Shuttle item is bigger than other items and on the left side of form there is a big gap between item 1 and item 3 (item 2 is shuttle item).
    I know that rowspan should take care of this. But I can't find this property among item properties.
    I can find rowspan if I go into "Edit All" items, but there is no effect setting this value.
    Any ideas?
    P.S.
    I am using Blue Responsive theme.

    Hi,
    I am not sure if the vertical gap can be avoided unless you move P1_TEST to a different region.
    The other option is to push the P1_TEST to the last, after the P1_BLANK page item.
    The "Column Span" property in the grid layout can be used to control the horizontal spacing between the P1_ENAME and P1_TEST page items.
    Thanks,
    Rohit

  • Need help with Fluid Grid Layout and variable column balance.

    I'm using the fluid grid layout.  I have multiple columns that are actually fluid grid layout columns done by Dreamweaver.  I'd like them to extend as high as each other (all to the maximum height of each other) within the same section.  An added catch is that in the desktop layout, I have three side by side under one that takes the whole width of the page.  On tablet size, it's 2x2 in a square grid.  On mobile, they're vertically stacked.  I'm trying to get it so that background colour and/or borders looks decent and is fully balanced, no matter which layout is hit with the fluid layout.  The columns reflow, no problem.  But the height of any background and/or border is variable. 
    Any help on fixing this? 
    Example at:  https://music2help.thoughtburst.net/ 
    The example doesn't have borders or colours, as it looked silly unbalanced.  The music2help.css is the only one I'm modifying manually.
    Love the fluid grid layout, but I need a way to make it behave decently with backgrounds/borders.  Any help would be hugely appreciated!
    Thanks!
    mark->

    I tried the solution Nancy posted.  It altered things, but doesn't seem to do the trick.
    Just some quick background.  I did HTML from 1994 through about five years ago by hand in vi on *nix systems.  I learned HTML through 4.01, and never bothered with XHTML at all.  I learned CSS through most of CSS2.  The CSS3 and HTML5 stuff is all new to me, but it can't be that hard.  I'm not exactly a novice in JS (I've done a fair bit of AJAX programming), but it's not even close to my primary language (I'm a Perl guy).
    I'm "stuck on" wanting to use Fluid Grid Layouts.  It's billed as one of the selling points of DW CS6, and I really like the concept and results.  I just want the results embellished a little, namely with sensible identical heights on grid containers set in the same row, so that you can apply background colours, dropshadows, and borders.  That's really all I want to do that it doesn't already do.
    I have a test page at:  http://music2help.thoughtburst.net/ that you can try with your Quick Columns.  I'd be interested to know if you can get it to work.
    Here's the catch, though...  Resize the browser, shrinking it inwards.  (I suggest Firefox, as Chrome only shrinks so far, and you won't get to Mobile width.)  As you can see, on a Tablet, one of the columns that should be equal height actually moves up a row and should be equal height with the row that, on a desktop, would take the entire width of the page area.  So that's like a 4-up output in printing terms.  At Mobile size, the entire thing is vertical, so none of the columns should be resized.
    If your product works and can accomodate these conditions, I think I would be interested in spending the $35 it costs. 
    Let me know?  Thanks!
    EDIT:  Changed URL to be non-SSL.  The server has multiple vhosts on it, and I keep forgetting that I don't have a cert on this new one.  Sorry about that.  You can just add anything to one of the the three middle columns, if you're pulling it down to test.

Maybe you are looking for

  • Time Capsule flashes amber and loses connection at least once a day

    Hello, I got my Time Capsule a month ago. I had an old one from 2008 which I gave to a friend, so it was time to upgrade. I have no idea what's going on, but the Time Capsule flashes amber and I lose my Internet connection at least once a day, someti

  • Headless mini resolutions?

    I have a mini as a media server & home automation. It was hooked to the TV via VGA. I work on it via screen sharing. Prob is that If I have a DVI connection, VGA connection or no connection, the screen resolution options on screen sharing are all dif

  • Terminal word wrap gone?

    One of my favorite features in tiger's terminal was the ability to turn OFF the word wrap. It was under Terminal->Window Settings...->Buffer->Wrap lines that are too long. I could uncheck that box and it would be helpful in viewing logfiles scrolling

  • How to save agoogle map to jpg on a mac

    How do I save a google map to jpg on a MAC?

  • One page from a pdf at time on webroswer

    How can i load only one page from a 10 page pdf file on html browser? Showing 1/1 instead 1/10?