Link in a grid

Hi everybody!
I have a grid. I want to put a link in every row, like this:
<netui-data:anchorColumn href="XY_<%={container.item.id}%>.pdf" addRowId="true"/>
Is this possible?
Thanks,
Bejglee

Hi Beiglee,
You cannot use expressions like XY_<%={container.item.id}%> directly in the href attribute.
The way you do it is below:
=============================================================================================
<netui-data:getData resultId="item" value="{container.item.id}" />
<%= String str = "XY_" + pageContext.getAttribute("item") + ".pdf"; %>
<netui-data:anchorColumn href="<%=str%>" addRowId="true"/>
=============================================================================================
You can check the same at
http://e-docs.bea.com/workshop/docs81/doc/en/workshop/taglib/www.bea.com/workshop/netui-tags-databinding-1.0/getData.html
In the sample at the link they are just printing it but if you want to use it as a jsp expression you can do that too.
Thanks
Vimala

Similar Messages

  • Setting up a link from a grid to another page

    All,
    Is there a way to create a link from a grid to another page?
    Thanks.

    You will need to find a tutorial for a drop down or cascading menu.  What you should try is to Google "AS2 drop down menu tutorial" and "AS2 cascading menu tutorial".  You may not find exactly what you are describing, but will hopefully find something you can figure out how to adapt to meet your goals.

  • Link button on Grid

    Hi everybody:
       Just I'd like to know if I can have a link button in a grid object, such as it exists in the matrix object, an how i can get it.
       Thanks in formward
      Regards.
      Misael Reséndiz.

    Misael,
    If you use the Search feature in this forum on "link button on grid", you should find many helpful posts such as this one ...
    Link button in Grid
    Eddy

  • Link Button In Grid

    Hai To All,
                 Iam creating reports for my module. For that iam using grid to  display the fields. Now my issue is i want to place the link button(Orange arrow) for specific fields.
    For Example,
    For Supplier Code iam placing the following code so that i can able to get view the link button and if i click i can able to open the Business Partner.
    Grid.Columns.Item(0).Type = SAPbouiCOM.BoGridColumnType.gct_EditText
                                    Dim oCol As SAPbouiCOM.GridColumn
                                    oCol = Grid.Columns.Item(0)
                                    oCol.LinkedObjectType = 2
    Similar to that i want to create link button for my user defined screen that is my screen.I registered as UDO as "PI_UDO"
    Grid.Columns.Item(0).Type = SAPbouiCOM.BoGridColumnType.gct_EditText
                                    Dim oCol As SAPbouiCOM.GridColumn
                                    oCol = Grid.Columns.Item(0)
                                    oCol.LinkedObjectType = "PI_UDO"
    If i give "PI_UDO" as my linked object it is not accepting.No error display also....
    If i use none option for linked button,
    Grid.Columns.Item(0).Type = SAPbouiCOM.BoGridColumnType.gct_EditText
                                    Dim oCol As SAPbouiCOM.GridColumn
                                    oCol = Grid.Columns.Item(0)
                                    oCol.LinkedObjectType = -1
    I cant able to view the link button......
    Weather we can able to create link button for our screen???
    In Forum someone told that we can....But some told as cannot??
    What is the solution for this???
    Its an urgent requirement can anyone help me.......
    Regards,
    Anitha
    Edited by: ani nazir on Jul 30, 2008 11:06 AM

    Thanks Petr,
    If i use like that i can able to open the screen but there is an error
    "No Matching Records found in Business Partner"
    In Matrix Item Link press event i made bubbleevent=false
    Regards,
    Anitha

  • How to add linked button in grid?

    Hi,
    Does anyone know how to add linked button in a grid? I can't find it but i saw someone ask similar question but seems none of them works.
    Thanks a lot!
    P.S. For some reason, i can't use matrix because the data is from a SQL query.
    Lan

    Hi,
    as far as I know it is not possible, since this adjustment is made for the whole column. I have created a grid and I open the shown document by double clicking the row header. In the grid I can see if it is sales or purchase and so I use a workaround by opening the specific system form (e.g. sales invoice) in find mode and search the document by document number (also shown in the grid).
    Sample:
    oSBOapp.ActivateMenuItem("2053"); //sales invoice
    oForm = oSBOapp.Forms.ActiveForm;
    oForm.Mode = SAPbouiCOM.BoFormMode.fm_FIND_MODE;
    oEdit = (SAPbouiCOM.EditText)oForm.Items.Item("8").Specific;
    oEdit.Value = Convert.ToString(dNum);
    oForm.Items.Item("1").Click(SAPbouiCOM.BoCellClickType.ct_Regular);
    By the click event, you get the specific row number. Hope it helps...
    Regards
    Sebastian

  • Link button in grid column to UDO

    Hi,
    I read through the posts regarding linking to user-defined objects, but I found it very confusing.  Some posts say that it is not possible to create a link button to a UDO; others say you need to use the extended-object property. 
    Does anyone have code that I could use to designate a grid column as a link to a UDO?
    The code I'm using is:
    oGrid.Columns.Item(1).Type = SAPbouiCOM.BoGridColumnType.gct_EditText
    txtColumn = oGrid.Columns.Item(1)
    txtColumn.Width = 83
    txtColumn.LinkedObjectType = ???
    I need to fill in the "???".
    If I designate an SAP B1 object type it works.
    Thanks,
    Mike

    Rasmus,
    Thanks for taking the time to provide a detailed explanation.  I think though that SAP needs to solve these kinds of problems.  It is my understanding that the main design goal of Business One is to provide an infrastructure that would reliably enable customization around it.  There is no such thing as accounting software that does not need some kind of adaptation to make it work for specific kinds of business models.  So a design that makes customization easier makes a great deal of sense. 
    If it is necessary to improvise in order to do what you need, then this design goal has not been met.  It also means that Business One is not what is managing the process because you are effectively going around it.  This in my view is actually worse than if Business One made these links work.  By forcing us to go around it, we effectively loose the data protection that Business One should be providing.  This is my take on it anyway.
    We solved the problem by opening the appropriate form with the appropriate data in it by using the double-click event.  The reason we have to do it this way is because the SDK will not even display the link button in a grid if its target is a UDO.  This brings up another reason for the SDK to be more cooperative with these efforts.  SAP has provided a detailed document describing the need to not deviate from Business One’s look and feel.  Perhaps SAP needs also to provide an SDK that more reliably and easily enables that caveat.
    If Business One had been designed from the ground up using SOA, its original design goal would be a lot easier to meet.  Maybe this is the real problem.
    Thanks,
    Mike

  • Link Button In Grid or Matrix ?

    Hello,
    I'm trying to populate a grid with data from a SQL query, using a datatable datasource, but I don't know how to specify which fields are to have drill-down(link buttons). After looking at this thread :
    Linked button in a Grid (SBO 2005)
    I'm left wondering how the Business One Report Generator can generate a grid with link buttons attached to the appropriate fields, when it is only given a SQL query.
    I'm thinking I might have to use a matrix, but how can i populate the matrix when if i don't know what the SQL query will be in advance?, also can I achieve the grouping using a matrix that the grid automatically does ?

    Hello Welch,
    Both Matrix and Grid can work with LinkButton. And regarding Grid, first of all, you need to define the gridcolumn type as gct_EditText, then in EditTextColumn Object, there is a property named LinkedObjectType, please set the property as in Matrix column.
    ' First define the column as EditText type
    oCol = oGrid.Columns.Item("Col1")
    oCol.LinkedObjectType = 4
    Hope this helps,
    Nick

  • Linked Button in Grid

    Is it possible to have a linked button (drill down) in a gird object?

    Hi,
    Can you put this code too:
    SAPbouiCOM.EditTextColumn oEditCol;
    oEditCol = ((SAPbouiCOM.EditTextColumn)(oGrid.Columns.Item("Column Name")));
    oEditCol.LinkedObjectType = "X";
    For example, in C# :
    SAPbouiCOM.EditTextColumn oEditCol;
    oEditCol = ((SAPbouiCOM.EditTextColumn)(oGrid.Columns.Item(0)));
    oEditCol.LinkedObjectType = "2";

  • Link to Grid Computing white paper is broken

    Community Feedback (No Product Questions)
    In the article http://www.oracle.com/technology/oramag/webcolumns/2003/opinion/souder_grid.html
    the links for the Grid Computing white paper and the Oracle Grid Computing Technology page don't work:
    http://www.oracle.com/technology/products/oracle9i/grid_computing/OracleGridWP.pdf
    http://www.oracle.com/technology/products/oracle9i/grid_computing/index.html

    The WPs referenced here are obsolete. For current Grid WPs, visit this page:
    http://www.oracle.com/technology/tech/grid/index.html
    Cheers, OTN

  • Link Icon in AVL grid

    Hai all,
       I want to display a icon or link in AVL grid . In that icon click i want to navigate to another view.
    Could any body tell me how to do this
    Regards,
    Arun

    Hi,
    You will have to create a linktoaction cell editor in your column and assign an icon to it.
    * Instantiate the used component
      DATA lo_cmp_usage TYPE REF TO if_wd_component_usage.
      lo_cmp_usage =   wd_this->wd_cpuse_usg_alv( ).
      IF lo_cmp_usage->has_active_component( ) IS INITIAL.
        lo_cmp_usage->create_component( ).
      ENDIF.
    * Get Model
      DATA lo_interfacecontroller TYPE REF TO iwci_salv_wd_table .
      lo_interfacecontroller =   wd_this->wd_cpifc_usg_alv( ).
      DATA lo_value TYPE REF TO cl_salv_wd_config_table.
      lo_value = lo_interfacecontroller->get_model(
    *---------- ALV table settings.
      DATA: l_table_settings TYPE REF TO if_salv_wd_table_settings .
      l_table_settings ?= lo_value.
      wd_this->l_table =  l_table_settings .
    * Set the Editable property to true
      l_table_settings->set_read_only( abap_false ).
    * Set table header
      DATA: l_header TYPE REF TO cl_salv_wd_header.
      l_header = l_table_settings->get_header( ).
      l_header->set_text( 'Sales Orders' ).
    *---------- Column settings
      DATA: l_column_settings TYPE REF TO if_salv_wd_column_settings.
      l_column_settings ?= lo_value.
    * Get columns
      DATA: lt_columns TYPE salv_wd_t_column_ref ,
            ls_columns TYPE salv_wd_s_column_ref .
      DATA: l_column_header  TYPE REF TO cl_salv_wd_column_header .
      lt_columns = l_column_settings->get_columns( )              .
      LOOP AT lt_columns INTO ls_columns                          .
        CASE ls_columns-id                                        .
          WHEN 'VBELN'                                            .
            l_column_header = ls_columns-r_column->get_header( )  .
            l_column_header->set_ddic_binding_field(
               if_salv_wd_c_column_settings=>ddic_bind_none )     .
             l_column_header->set_text( 'Sales Order' )            . " column heading
    " Link to Action
            data: lr_link            TYPE REF TO cl_salv_wd_uie_link_to_action.
             CREATE OBJECT lr_link.
            lr_link->set_text_fieldname( ls_columns-id ).
    " assign icon
            lr_link->set_image_source( '~Icon/CheckedOk' ).
            ls_columns-r_column->set_cell_editor( lr_link ). 
          WHEN' ATTR2'.
           WHEN OTHERS.
    ENDLOOP.
    Regards,
    Radhika.

  • Display button in ALV Grid

    Hi,
    I have a requirement in ALV:
    I need to display a button on the top of alv grid list.Could you please help me out with this.
    Thanks,
    Sandeep

    Hi,
    In the below links some ALV GRID programs are there.Once u check this.I think this is very helpful to u.
    http://www.abap-tutorials.com/tag/alv-grid/
    TO achieve this you should copy the u2018STANDARDu2019 GUI status from program SAPLKKBL using transaction SE90 u2013>Programming SubObjectsu2013> Gui Status.
    Steps:
    1). Using SE80/SE41 you can copy a GUI status from one program to another. It mentions which one in the FMu2019s help.
    2). Create a form named like so:
    Code:
    Form Set_pf_status
    Notes: Called by FM REUSE_ALV_GRID_DISPLAY
    FORM set_pf_status USING rt_extab TYPE slis_t_extab.
      SET PF-STATUS u2018ZSTANDARDu2019.
    ENDFORM. u201CSet_pf_status
    In the above case the GUI status copied was named ZSTANDARD and adjusted accordingly, adding and removing the desired buttons. A button was added called u2018%DELETEu2019.
    3). Create the following report:
    Code:
    Form User_command
    Notes: Called by FM REUSE_ALV_GRID_DISPLAY
           Detects whether the icon/button for
           u2018Return Tag Deletionu2019 has been pressed. If it has then
           detect whether any rows have been highlighted and then
           set the delete flag.
    FORM user_command USING r_ucomm     LIKE sy-ucomm
                            rs_selfield TYPE slis_selfield.
    DATA: li_count TYPE I.
    IF r_ucomm EQ u2018%DELETEu2019.
      LOOP AT %g00 WHERE mark EQ u2018Xu2019.
        ADD 1 TO li_count.
      ENDLOOP.
      IF li_count GT 0.
        gc_delete_flag = u2018Xu2019.
        r_ucomm = u2018&F03u2032. u201CBack arraow
      ELSE.
        MESSAGE W000 WITH u2018Please highlight the rows to be deleted!u2019.
      ENDIF.
    ENDIF.
    ENDFORM.  u201CUser_command
    As Iu2019ve added an extra button to indicate which records should be deleted I need to identify a form to be called to process when this button is chosen.
    Then when you call the ALV function you to specify the following extra details:
    Code:
        call function u2018REUSE_ALV_GRID_DISPLAYu2019
             exporting  i_callback_program = gc_repid
                        I_CALLBACK_PF_STATUS_SET = u2018SET_PF_STATUSu2019
                        I_CALLBACK_USER_COMMAND  = u2018USER_COMMANDu2019
                        i_grid_title       = lc_grid_title
                        is_layout          = lc_layout
                        it_fieldcat        = gt_fieldcat
                        it_sort            = sort
                        i_save             = l_save
                        is_reprep_id       = l_bbs_id
                        is_variant         = l_variant
             tables     t_outtab           = %g00
             exceptions program_error      = 1
                        others             = 2.
    The parameters in capitals are the extra ones that need to be added.

  • CSS height property use in Fluid grid layout

    Hi, I'm totally new to fluid grid layout and just got started in it. I have a div tag that has 5px height and I sucessfully applied that and seem fine only on Tablet landscape (1024x768) and Small tablet landscape (800x600), nevertheless it isn't even displaying on Mobile portrait (320x480), Mobile landscape (480x320), Small tablet portrait (600x800) and Tablet portrait (768x1024).
    My coding is below
    index.html
    <!doctype html>
    <!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
    <!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
    <!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
    <!--[if gt IE 8]><!-->
    <html class="">
    <!--<![endif]-->
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <link href="fluid.grid.layout/boilerplate.css" rel="stylesheet" type="text/css">
    <link href="fluid.grid.layout/style.css" rel="stylesheet" type="text/css">
    <!--
    To learn more about the conditional comments around the html tags at the top of the file:
    paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
    Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
    * insert the link to your js here
    * remove the link below to the html5shiv
    * add the "no-js" class to the html tags at the top
    * you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
    -->
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="fluid.grid.layout/respond.min.js"></script>
    </head>
    <body>
    <div class="gridContainer clearfix">
      <div id="LayoutDiv1"></div>
    </div>
    </body>
    </html>
    boilerplate.css
    @charset "utf-8";
    * HTML5 ✰ Boilerplate
    * What follows is the result of much research on cross-browser styling.
    * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
    * Kroc Camen, and the H5BP dev community and team.
    * Detailed information about this CSS: h5bp.com/css
    * Dreamweaver modifications:
    * 1. Commented out selection highlight
    * 2. Removed media queries section (we add our own in a separate file)
    * ==|== normalize ==========================================================
    /* =============================================================================
       HTML5 display definitions
       ========================================================================== */
    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
    audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
    audio:not([controls]) { display: none; }
    [hidden] { display: none; }
    /* =============================================================================
       Base
       ========================================================================== */
    * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
    * 2. Force vertical scrollbar in non-IE
    * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    body { margin: 0; font-size: 13px; line-height: 1.231; }
    body, button, input, select, textarea { font-family: sans-serif; color: #222; }
    * Remove text-shadow in selection highlight: h5bp.com/i
    * These selection declarations have to be separate
    * Also: hot pink! (or customize the background color to match your design)
    /* Dreamweaver: uncomment these if you do want to customize the selection highlight
    *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
    *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
    /* =============================================================================
       Links
       ========================================================================== */
    a { color: #00e; }
    a:visited { color: #551a8b; }
    a:hover { color: #06e; }
    a:focus { outline: thin dotted; }
    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    a:hover, a:active { outline: 0; }
    /* =============================================================================
       Typography
       ========================================================================== */
    abbr[title] { border-bottom: 1px dotted; }
    b, strong { font-weight: bold; }
    blockquote { margin: 1em 40px; }
    dfn { font-style: italic; }
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
    ins { background: #ff9; color: #000; text-decoration: none; }
    mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
    /* Redeclare monospace font family: h5bp.com/j */
    pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
    /* Improve readability of pre-formatted text in all browsers */
    pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
    q { quotes: none; }
    q:before, q:after { content: ""; content: none; }
    small { font-size: 85%; }
    /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    /* =============================================================================
       Lists
       ========================================================================== */
    ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
    dd { margin: 0 0 0 40px; }
    nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
    /* =============================================================================
       Embedded content
       ========================================================================== */
    * 1. Improve image quality when scaled in IE7: h5bp.com/d
    * 2. Remove the gap between images and borders on image containers: h5bp.com/e
    img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
    * Correct overflow not hidden in IE9
    svg:not(:root) { overflow: hidden; }
    /* =============================================================================
       Figures
       ========================================================================== */
    figure { margin: 0; }
    /* =============================================================================
       Forms
       ========================================================================== */
    form { margin: 0; }
    fieldset { border: 0; margin: 0; padding: 0; }
    /* Indicate that 'label' will shift focus to the associated form element */
    label { cursor: pointer; }
    * 1. Correct color not inheriting in IE6/7/8/9
    * 2. Correct alignment displayed oddly in IE6/7
    legend { border: 0; *margin-left: -7px; padding: 0; }
    * 1. Correct font-size not inheriting in all browsers
    * 2. Remove margins in FF3/4 S5 Chrome
    * 3. Define consistent vertical alignment display in all browsers
    button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
    * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
    * 2. Correct inner spacing displayed oddly in IE6/7
    button, input { line-height: normal; *overflow: visible; }
    * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
    table button, table input { *overflow: auto; }
    * 1. Display hand cursor for clickable form elements
    * 2. Allow styling of clickable form elements in iOS
    button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
    * Consistent box sizing and appearance
    input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
    input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
    input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
    * Remove inner padding and border in FF3/4: h5bp.com/l
    button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
    * 1. Remove default vertical scrollbar in IE6/7/8/9
    * 2. Allow only vertical resizing
    textarea { overflow: auto; vertical-align: top; resize: vertical; }
    /* Colors for form validity */
    input:valid, textarea:valid {  }
    input:invalid, textarea:invalid { background-color: #f0dddd; }
    /* =============================================================================
       Tables
       ========================================================================== */
    table { border-collapse: collapse; border-spacing: 0; }
    td { vertical-align: top; }
    /* ==|== primary styles =====================================================
       Author:
       ========================================================================== */
    /* ==|== non-semantic helper classes ========================================
       Please define your styles before this section.
       ========================================================================== */
    /* For image replacement */
    .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
    .ir br { display: none; }
    /* Hide from both screenreaders and browsers: h5bp.com/u */
    .hidden { display: none !important; visibility: hidden; }
    /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
    .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
    /* Hide visually and from screenreaders, but maintain layout */
    .invisible { visibility: hidden; }
    /* Contain floats: h5bp.com/q */
    .clearfix:before, .clearfix:after { content: ""; display: table; }
    .clearfix:after { clear: both; }
    .clearfix { zoom: 1; }
    /* ==|== print styles =======================================================
       Print styles.
       Inlined to avoid required HTTP connection: h5bp.com/r
       ========================================================================== */
    @media print {
      * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
      a, a:visited { text-decoration: underline; }
      a[href]:after { content: " (" attr(href) ")"; }
      abbr[title]:after { content: " (" attr(title) ")"; }
      .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
      pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
      thead { display: table-header-group; } /* h5bp.com/t */
      tr, img { page-break-inside: avoid; }
      img { max-width: 100% !important; }
      @page { margin: 0.5cm; }
      p, h2, h3 { orphans: 3; widows: 3; }
      h2, h3 { page-break-after: avoid; }
    style.css
    @charset "utf-8";
    /* Simple fluid media
       Note: Fluid media requires that you remove the media's height and width attributes from the HTML
       http://www.alistapart.com/articles/fluid-images/
    img, object, embed, video {
              max-width: 100%;
    /* IE 6 does not support max-width so default to width 100% */
    .ie6 img {
              width:100%;
              Dreamweaver Fluid Grid Properties
              dw-num-cols-mobile:                    4;
              dw-num-cols-tablet:                    8;
              dw-num-cols-desktop:          10;
              dw-gutter-percentage:          25;
              Inspiration from "Responsive Web Design" by Ethan Marcotte
              http://www.alistapart.com/articles/responsive-web-design
              and Golden Grid System by Joni Korpi
              http://goldengridsystem.com/
    /* Mobile Layout: 480px and below. */
    .gridContainer {
              margin-left: auto;
              margin-right: auto;
              width: 85.5%;
              padding-left: 2.25%;
              padding-right: 2.25%;
    #LayoutDiv1 {
              clear: both;
              float: left;
              margin-left: 0;
              width: 100%;
              height:5px;
              display: block;
    /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
    @media only screen and (min-width: 481px) {
    .gridContainer {
              width: 97.5%;
              padding-left: 1.25%;
              padding-right: 1.25%;
    #LayoutDiv1 {
              clear: both;
              float: left;
              margin-left: 0;
              width: 100%;
              height:5px;
              display: block;
    /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
    @media only screen and (min-width: 769px) {
    .gridContainer {
              width: 98%;
              max-width: 1232px;
              padding-left: 1%;
              padding-right: 1%;
              margin: auto;
    #LayoutDiv1 {
              clear: both;
              float: left;
              margin-left: 0;
              width: 100%;
              display: block;
              height:5px;
              background-color:#FBB829;
    respond.min.js
    /*! Respond.js v1.0.1pre: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */
    (function(e,h){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=h;if(h){return}var u=e.document,r=u.documentElement,i=[],k=[],p=[],o={},g=30,f=u.getElementsByTagName("head")[0]||r,b=f.getElementsByTagName("link"),d=[],a=function(){var B=b,w=B.length,z=0,y,x,A,v;for(;z<w;z++){y=B[z],x=y.href,A=y.media,v=y.rel&&y.rel.toLowerCase()==="stylesheet";if(!!x&&v&&!o[x]){if(y.styleSheet&&y.styleSheet.rawCssText){m(y.styleSheet.rawCssText,x,A);o[x]=true}else{if(!/^([a-zA-Z]+?:(\/\/)?)/.test(x)||x.replace(RegExp.$1,"").split("/")[0]===e.location.host){d.push({href:x,media:A})}}}}t()},t=function(){if(d.length){var v=d.shift();n(v.href,function(w){m(w,v.href,v.media);o[v.href]=true;t()})}},m=function(G,v,x){var E=G.match(/@media[^\{]+\{([^\{\}]+\{[^\}\{]+\})+/gi),H=E&&E.length||0,v=v.substring(0,v.lastIndexOf("/")),w=function(I){return I.replace(/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,"$1"+v+"$2$3")},y=!H&&x,B=0,A,C,D,z,F;if(v.length){v+="/"}if(y){H=1}for(;B<H;B++){A=0;if(y){C=x;k.push(w(G))}else{C=E[B].match(/@media ([^\{]+)\{([\S\s]+?)$/)&&RegExp.$1;k.push(RegExp.$2&&w(RegExp.$2))}z=C.split(",");F=z.length;for(;A<F;A++){D=z[A];i.push({media:D.match(/(only\s+)?([a-zA-Z]+)(\sand)?/)&&RegExp.$2,rules:k.length-1,minw:D.match(/\(min\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1),maxw:D.match(/\(max\-width:[\s]*([\s]*[0-9]+)px[\s]*\)/)&&parseFloat(RegExp.$1)})}}j()},l,q,j=function(E){var v="clientWidth",x=r[v],D=u.compatMode==="CSS1Compat"&&x||u.body[v]||x,z={},C=u.createDocumentFragment(),B=b[b.length-1],w=(new Date()).getTime();if(E&&l&&w-l<g){clearTimeout(q);q=setTimeout(j,g);return}else{l=w}for(var y in i){var F=i[y];if(!F.minw&&!F.maxw||(!F.minw||F.minw&&D>=F.minw)&&(!F.maxw||F.maxw&&D<=F.maxw)){if(!z[F.media]){z[F.media]=[]}z[F.media].push(k[F.rules])}}for(var y in p){if(p[y]&&p[y].parentNode===f){f.removeChild(p[y])}}for(var y in z){var G=u.createElement("style"),A=z[y].join("\n");G.type="text/css";G.media=y;if(G.styleSheet){G.styleSheet.cssText=A}else{G.appendChild(u.createTextNode(A))}C.appendChild(G);p.push(G)}f.insertBefore(C,B.nextSibling)},n=function(v,x){var w=c();if(!w){return}w.open("GET",v,true);w.onreadystatechange=function(){if(w.readyState!=4||w.status!=200&&w.status!=304){return}x(w.responseText)};if(w.readyState==4){return}w.send(null)},c=(function(){var v=false;try{v=new XMLHttpRequest()}catch(w){v=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return v}})();a();respond.update=a;function s(){j(true)}if(e.addEventListener){e.addEventListener("resize",s,false)}else{if(e.attachEvent){e.attachEvent("onresize",s)}}})(this,(function(f){if(f.matchMedia){return true}var e,i=document,c=i.documentElement,g=c.firstElementChild||c.firstChild,h=!i.body,d=i.body||i.createElement("body"),b=i.createElement("div"),a="only all";b.id="mq-test-1";b.style.cssText="position:absolute;top:-99em";d.appendChild(b);b.innerHTML='_<style media="'+a+'"> #mq-test-1 { width: 9px; }</style>';if(h){c.insertBefore(d,g)}b.removeChild(b.firstChild);e=b.offsetWidth==9;if(h){c.removeChild(d)}else{d.removeChild(b)}return e})(this));
    I really do appreciate your efforts to help me solve this problem... Thank you in advance

    Height is determined by content.  I can't think of a single reason to have a div height of 5px because almost nothing will fit inside that small a space without problems. 
    As to why it doesn't show up in other devices, you must have put that style into the Tablet CSS code instead of the default Mobile CSS code.
    Fluid Grids build up from Mobile (applied to everything) with specific rules for Tablets, then Desktops.
    Best advice, use Fluid Grids for layout only.  Use a separate CSS file for content styles.
    Hope this helps,
    Nancy O.

  • Reg ALV GRID

    Hi,
    i am getting data for MATNR,WERKS and few more fields in the ALV output.
    in that for MATNR i put the edit option,so when i edit this matnr field and click on SAVE button the values should be saved in the output.
    i wrote the function module popup_to_confirm but its going to dump.
    how to write it? could you please help me out?
          FORM it_out_user_command                                      *
    Description : Handling user commands
    FORM it_out_user_command
      USING
        ucmd          TYPE sy-ucomm          " SY-UCOMM value
        fieldinfo     TYPE slis_selfield     " Current ALV Cell & ALV Info
        alv_fcat_dtel TYPE typ_t_fcat_dtel.  " Table utilized by std ucmd
      fieldinfo-refresh = c_x.
    *--- User-commands
    CASE ucmd.
       WHEN 'SAVE'.
        perform save_data.
       WHEN 'EXIT'.
        LEAVE SCREEN.
    ENDCASE.
    ENDFORM.                                 "it_out_user_command
          FORM it_out_pfstatus                                          *
    Description : Form to set PF status
    FORM it_out_pfstatus USING rt_extab TYPE slis_t_extab.
      DATA : lt_extab TYPE slis_t_extab,
             lx_extab LIKE LINE OF lt_extab.
      REFRESH lt_extab.
        SET PF-STATUS 'ALV_MAIN' EXCLUDING lt_extab.
    ENDFORM.                    " it_out_pfstatus
    *& Form DATA_OUTPUT
    *Download data to final internal table
    FORM DATA_OUTPUT .
    loop at it_ekpo into x_ekpo.
    x_out_ekpo-ebeln = x_ekpo-ebeln.
    x_out_ekpo-ebelp = x_ekpo-ebelp.
    x_out_ekpo-matnr = x_ekpo-matnr.
    x_out_ekpo-werks = x_ekpo-werks.
    append x_out_ekpo to it_out.
    endloop.
    ENDFORM.                                         " DATA_OUTPUT
    *&      Form  SAVE_DATA
          text
    -->  p1        text
    <--  p2        text
    FORM SAVE_DATA .
    data: lv_answer type c.
    CALL FUNCTION 'POPUP_TO_CONFIRM'
      EXPORTING
      TITLEBAR                    = ' '
      DIAGNOSE_OBJECT             = ' '
        TEXT_QUESTION               = 'Do you want to save'
        TEXT_BUTTON_1               = 'Yes'(001)
      ICON_BUTTON_1               = ' '
       TEXT_BUTTON_2               = 'No'(008)
      ICON_BUTTON_2               = ' '
      DEFAULT_BUTTON              = '1'
      DISPLAY_CANCEL_BUTTON       = 'X'
      USERDEFINED_F1_HELP         = ' '
      START_COLUMN                = 25
      START_ROW                   = 6
      POPUP_TYPE                  =
      IV_QUICKINFO_BUTTON_1       = ' '
      IV_QUICKINFO_BUTTON_2       = ' '
    IMPORTING
        ANSWER                      = lv_answer
    TABLES
      PARAMETER                   =
    EXCEPTIONS
        TEXT_NOT_FOUND              = 1
        OTHERS                      = 2
    IF SY-SUBRC <> 0.
    MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
            WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
    ENDIF.
    if lv_answer = '1'.
    modify it_out.
    endif.
    ENDFORM.                    " SAVE_DATA
    Regards,
    Shalini

    Maybe he didn't get the answer yet;)
    Please see this link: [Editable ALV grid|https://www.sdn.sap.com/irj/sdn/wiki]
    Ups. it seems link was just to SDN Wiki. Type there Eidatble ALV. First article is what you need
    Edited by: Marcin Pciak on Oct 16, 2008 11:27 AM

  • Need Fluid Grid Layout to Max Out at 1920 Pixels

    When I view my 3 fluid grid layouts, after 1232 px, nothing is centered. I noticed in the "Desktop" gridContainer there was a max-width value of 1232px. I changed it to 1920px but it did nothing. I want my desktop webpage to look centered up to 1920 pixels. How?

    Please don't ask for help until you can provide us with a LINK.  Fluid Grids are very temperamental to work with.  I advise people to keep their hands off the fluidGrid.css and boilerplate.css files.  One misstep with either of these files can make the entire layout break.
    Having said that, if you don't show us all your code, we can't be expected to make guesses about what you have done and where.  Posting all the code into this forum isn't practical.   There's just too much to look at.   So pleeeeeeze just give us a link.
    Nancy O.

  • Reloading a grid view

    I have a gridview and records are filtered based on date range selected. Also have a link on the grid that takes me to another page.
    On the next page I have a link to take me back to the initial page and load the grid view with the same records that were there initially
    here is code below to populate gridview
    private void GridBind(DateTime strDate, DateTime endDate)
    try
    var sDate = Convert.ToDateTime(strDate).ToString("yyyyMMdd");
    var eDate = Convert.ToDateTime(endDate).ToString("yyyyMMdd");
    using (var conn = new OracleConnection(ConfigurationManager.ConnectionStrings["DbpoolConnectionString"].ConnectionString))
    using (var cmd = new OracleCommand("select * from (select account_number,branch_code_sortcode,presdate,(amount/100) as amount," +
    "customer_name,rec_id, " +
    "(select count(*) from dctblchequeinfo_fc b where a.account_number = b.account_number) count " +
    "from dctblchequeinfo_fc a where presdate between '" + sDate + "' and '" + eDate + "' and beneficiary = 'N') where count >= 3", conn))
    conn.Open();
    using (var reader = cmd.ExecuteReader())
    var dataTable = new DataTable();
    dataTable.Load(reader);
    grdFC.DataSource = dataTable;
    grdFC.DataBind();
    catch (Exception ex)
    Logger.Error(ex);
    and link on 2nd page 
    <asp:HyperLink ID="hypBack" runat="server" NavigateUrl="ClearingCheques.aspx"><<< Go Back</asp:HyperLink>

    @ajibolao
    What's your problem?
    By the way, question related to Asp.Net should be posted in
    Asp.Net forum.
    Thanks for your understanding and effort.
    Have  a nice day!
    Kristin
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

Maybe you are looking for

  • 16:9 or 4:3    Which Format Works Best, for most hardware?

    Hi There, I am having a problem with knowing what format to burn a DVD in within iDVD.. I burned a DVD slide show made with iPhoto, and when I put it to DVD, and I play it back on my external player all the people in the video seem to be wider than t

  • 1 View linked to 2 CompCont: NullPointer Exception

    Hi, Here is the architecture of my app : MainView --> CompContA --> ModelA (RFC function A) ........| ........|---> IntCompB --> CompContB --> Model B (RFC function B) And here is the content of the MainView : AdviceNumber : [ Z2_I_Rechercher_Avis_In

  • Authorization Object - Sales orders Terms of Payment

    Hi, How can we add the terms of payment field in the authorization? Such that some users may change the terms of payment, while others can only display?

  • Upgrading open boot on ultra 2

    Hello everyone *I know this is not Solaris 10/software related but I am at a lost where to ask for help with this. I have a ultra 2, dual CPU (300's) system and it has an older openboot. (I don't have the exact revision number with me but can have it

  • No VIs listed for VI option in "Configure Open FPGA Reference"

    I have a cRIO and I was using the Open FPGA Reference function to load a bitfile by specifying the VI name.  This was working fine. I have been compiling all day, and I just deleted a control and then changed a DMA FIFO datatype.  When loaded and ran