How can I create page layout below?

Hello

I have a requirement to create a layout below.

I need to create presentation to vertical columns. Each column has a lot of content in there and has a fixed minimum width and each column must have its own vertical scroll bar where there is a lot of data within each column.

And the number of columns in the page is decided at runtime based on the received data.

I don't want to have a vertical scroll bar in the page, but we need to have only a horizontal scroll bar in case there are more number of columns on the page.

This should be the behavior even if we resize the browser.

This provision is similar to the layout of sites Web Trello.com

I tried several ways but not able to do this using ADF layout components. Can you get it someone please let me know how I can do this.

Any help is appreciated.

PS: I have a screenshot, but I don't see an option here to fix any file.

Thank you

Rajesh.

I could solve this problem.

Here is the solution.

Using a panelGroupLayout (scroll) as the component root to display the horizontal scroll bar and to display vertical scrollbars for columns panelGridLayout inside it.

Set the height of the components inside the panelGroupLayout based on the height of the browser.

Gets the height of the browser javascript using the af: clientListener of type "load" for root af:document.

Also register a listener for the resized window event that will perform the ppr and refresh the height of the components.

To provide a specific code, if anyone is interested.

Thank you

Rajesh.

Tags: Java

Similar Questions

  • How can I create pages/submenus in creative cloud?

    How can I create pages/submenus in creative cloud?

    If you are looking for a replacement for the deprecated Spry Menus, look at the links below.

    Pure CSS dropdown

    http://jsfiddle.NET/NancyO/zN7fU/

    CSS3 Dropdown menu

    http://www.red-team-design.com/CSS3-dropdown-menu

    Pop-Menu Magic3 of PVII (commercial extension of DW)

    http://www.Projectseven.com/products/menusystems/pmm3/index.htm

    jQuery Superfish

    http://users.TPG.com.au/j_birch/plugins/SUPERFISH/

    jQuery MegaMenu 2

    http://www.geektantra.com/2010/05/jQuery-MegaMenu-2/

    Nancy O.

  • How can I create a new presentation of shop e-commerce in British Colombia? The default layout is inadmissible and who do not steal! :)

    Hello to everyone.

    I've been building and development using BC for awhile but avoids the functions of e-commerce like the plague, because of all my knowledge and trial a mistake, I couldn't adjust available outside the columns of the table how much I can add. I'm looking to create some sensitive stores but feel completely constrained by the store layout because it can't be adjusted. Yes I tried the same and adjustment module style sheet styles declare my rules with "!" important"with no luck. I then asked the team to BC online chat. If it was still possible, and they said 'no' dish. Then I saw 'light at the end of a tunnel' If you want by browsing a few Business Catalyst models (I honestly can't bring myself to use models that I like a lot of this building and landscaping my own pages). With this model here, the cameras and accessories you can see the shop features sensitive so I know it's possible (Damn you BCGurus and your mad skills). I also found some amazing layouts by Enough of Pollution , which has also made a few sensitive shop like this Web sitelayouts.

    Overall, how can I achieve this? How can I create a fully customized store page layout and virtually any custom also available? I have the feeling that I needed to learn the programming language for this liquid, but seriously, the indications at this point would be greatly appreciated! If I learn liquid programming, I'd love to learn where there might be some amazing courses / tutorials / documentation. I have the feeling, it comes down to create my own model of liquid layout and rerouting of the off-set modules in the new model... I'm on the right track?

    Sorry, so many questions. Let me tackle that I really want to know haha!



    • How can I create a layout of the sensitive shop in British Colombia?
    • What would be the necessary steps?
    • If I need to build models of liquids, where can I learn all this? (I know that the BC user guide has much butI will not lie, it's a little overwhelming)

    Thank you all so much for your time in reading this and I greatly look forward to learn more about Business Catalyst. Honestly, I'd love to try and use this platform for all of my clients.

    Hello

    Support will be have not said you that it was not possible, they would have told that it is outside the scope of their support. Is this possible? Of course, it's, it's the foundations of basic BC, HTML and CSS more then anything else.

    Honestly, it has nothing to do with incredible skill, amazing code or anything else.

    First of all, BC is just tags and you should use reference material:
    The developer reference

    Here you see the overall plan and tags. If you look at the list of product tags you see that you can set in a list schema (no tables).

    From there allows you to encode your small layout, large presentation cart layout, provision of registration (payment) because you need to and code the CSS to adapt.

    -You can float elements so float the li of the store

    -The basics of the CSS to make the elements of fluid width of code etc.

    -Questions from the media CSS code to make sensitive matters

    All pretty much toast front-end html, css, nothing special here development stuff. You have classes on the points for each element of a line in British Colombia according to the parameters that you set on the tags and so on.

    If you want to take the next step you enable liquid markup in the characteristics of BC and take things further.

  • How can I create a site of AIF who works for mobile clients instead of use available phone of muse

    How can I create a layout of alternative office who works for mobile clients instead of use available phone of muse. Available phone simply doesn't work very well for me and my office layout works great on mobile devices with the exception of a few aesthetic problems. It would be much faster for me to fix these problems, he would to create a brand new mobile site.

    Thank you for your help

    Is there no created phone available in the same site then telephones will load office layout by default, so you don't have to create an office layout separately for the mobile version.

    If I'm missing something here, please let me know.

    Thank you

    Sanjit

  • How can I create my own template pages, to print a 4-page newsletter on both sides of the tabloid-size paper?

    How can I create my own template pages, to print a 4-page newsletter, using both sides of the tabloid-size paper?

    The finished newsletter should be a folded booklet: a piece of 11 x 17 paper folded to form a 8.5x11 "booklet". This clearly means pages 1 and 4 should be printed on one side of the tabloid sheet and pages 2 & 3 on the other.

    I can't find such a model in the Pages.

    There is no such a model, so you'll have to make your own, using a spread on presentation of your newsletter.

    Use shapes, images and text boxes to position available for your model.

    You didn't say what version of Pages that you are using but if it's Pages 5.x, it has no text boxes related so this will make it difficult and it's going to be a lot of manual work.

    Peter

  • How can I create an external link to a specific page within a PDF file? Can I create an anchor?

    I have a PDF file that contains multiple items. Currently, I have to split the file in many others, so I can link directly to the desired article. How can I create an anchor to point directly to the desired page/section? Is this possible?

    If it is for use in a browser, you will find that what works for some will not work with others. When Acrobat/Reader is used as a plug-in, it can work to create a link to the page numbers and named destinations (that you're an anchor), but other browsers that use a built-in PDF reader may not support it. Here is an article that should help you: Planet PDF - link to Pages or Destinations in PDF files

  • How can I create a multi page PDF from a multi .tif file?  On the creation of a file .pdf from a file multiple .tif, the .tif file is converted to a single page (always the first page of the .tif file) .pdf.  The rest of the document is cut off. The .tif

    How can I create a multi page PDF from a multi .tif file?  On the creation of a file .pdf from a file multiple .tif, the .tif file is converted to a single page (always the first page of the .tif file) .pdf.  The rest of the document is cut off. The .tif file comes from a document by using the fax & Scan app scanner in Windows 10.  I am running Adobe Acrobat Reader DC, which I run with my subscription 'Adobe PDF package, monthly'.  It worked fine until about a month.  I've since upgraded to Windows 10 and Acrobat Reader DC.   I would be very grateful for any help. Eoghainn

    Hello

    This problem has been reported as a bug. Our team of engineers working on this priority issue.

    Kind regards
    Nicos

  • How can I create a separate page in the menu bar?

    How can I create a separate page in the menu bar?

    I want to create a page that does not contain the bar, other pages, and I don't want other pages to include this new page in their menu bars.

    I want to create a different page (s) completely independent in an existing menu bar and maybe add it's own menu bar...

    Is there a way to do it?

    Yes, you can right click the page you want to have separate and select "exclude of the Menu.

  • I am trying to create dynamic landing pages that reflect the locations of my Google ads. How can I create a dynamic text on my landing page to specify the location in the title?

    I am trying to create dynamic landing pages that reflect the locations of my Google ads. How can I create a dynamic text on my landing page to specify the location in the title?

    Thanks a lot for your answer. I've sorted it now.

    Kind regards

    Gill

  • How can I create a link to an image that is located on an ftp site to a Web page that is located on another.

    How can I create a link to an image that is located on an ftp site to a Web page that is located on another.

    I managed to do it with the full path of the link (file:///C|/Users/myname/Documents/familyK3/image1.jpg), but as it is quite long, I would use the relative path. To be clear, I have 1 site that spans 3 different storage locations for FTP. site1 (named familyK), that contains the page. On this page, I have an image that is in the images on training3 (named familyK3). I tried... / familyK3/images and... /... (/ familyK3/images, but I don't get to see the photo in DW (since it usually refers to an image in the same folder (root)) and not to another location).

    I use dreamweaver8.

    Stephaan

    Use an absolute URL in the field of the CBC to your properties panel.

    http://your_other_site.com/images/filename.jpg"alt ="description">

    Nancy O.

  • How can I create a 'go-back-to-previous-page-button '.

    How can I create a 'go-back-to-previous-page-button '.

    Select your button or text and hyperlinks tool type in:

    JavaScript:History.Back()

  • How can I create an entire page on Adobe Muse (without space side)?

    How can I create an entire page with Adobe Muse (without space side)?

    Muse uses fixed width so that it is not possible to 100%. You can extend images or full-width box items but no real content.

  • How can I create the page sizes personalised in InDesign when creating postscript files?

    Greetings ~ I have Mac OS X 10.8. How can I create sizes of custom page from InDesign when you create a post script file? Do I need a virtual printer?

    Is there a reason that you are not exporting to PDF directly from InDesign?

  • How can I create a widget

    I have a request on my Web page, but he continues to display as a link only to the top. How can I create a widget?

    Hey deirdrep14682426,

    Please see the city KB doc link below to learn more about the creation of widgets:

    Document help Cloud | Create Widgets | eSign services

    Hope that helps.

    Kind regards

    Ana Maria

  • How can I create a new document in Photoshop CC and have 300 dpi?

    How can I create a new document in Photoshop CC and have 300 dpi? I do digital scrapbooking and need to have my layout in Photoshop 12 x 12, so it's a scrapbook page and 300 dpi and I hope that sounds stupid, but I don't know even what dpi means.

    Thank you

    File > new

    Set preset to print and WE book

    (type the width and height values will change the custom preset)

    Setting width of 12 inches

    height of 12 inches

    the value 300 PPP (should already be present if you have used the print preset)

    Click OK

Maybe you are looking for