Home > Domino Tips > Developer > HTML > Fit views to window or table width
Domino Tips:
EMAIL THIS
 TIPS & NEWSLETTERS TOPICS 

HTML

Fit views to window or table width


Angie Schottmuller
07.25.2003
Rating: -2.73- (out of 5)


Digg This!    StumbleUpon Toolbar StumbleUpon    Bookmark with Delicious Del.icio.us   


View member feedback to this tip.

It's a pain to try to format views on the Web using the formatting available from Notes. Domino doesn't automatically set the table width on the view, so the content is all clustered together. Here's a tip to get the view/table to fit the width of the window or region it is within, so all of your views can look consistent.





Code

  1. Create your view.

  2. Count the number of non-hidden columns in the view (include response columns in your count).

  3. Count the number of non-hidden columns in the view. Include response columns in your count. Categorized twisties should be counted separate from the data.

  4. Insert a new column as the very first column with this formula. (This example uses seven columns and spaces between parent docs. You should use the number of columns you determined in step #2. Row height for spacing can be customized as needed.

    REM {Tricky HTML added to force 
    the view to fit to the window on the Web. }; 
    REM {The colspan must match the
     number of columns in the view including 
    responses. (Categorized twisties 
    should be counted separate from the data.) 
    The width helps NS follow the code better. 
    The height provides spacing between rows.};
    colspan_count := "7";
    colspan_width := "550";
    colspan_height := "4";
    dont_show_when := @IsResponseDoc;
    
    REM {Explanation: Close this cell, add a 
    cell that spans the number of columns 
    in the view, close the row, start a new row, 
    open the first cell of the row.};
    @If( dont_show_when; " "; " ")
    
  5. Preview your view on the Web. Your view will now virtually render as width=100%. You can embed the view inside a fixed width table if you don't want it to fit the window.
Note: Alternating row colors will not work properly when using this technique. I didn't have time to play to find a way. If you find a way, please e-mail me the code!

FYI: My tip regarding using a stylesheet to control the style of view headings works great with this technique!


MEMBER FEEDBACK TO THIS TIP

Um, isn't there some code missing from this tip? What possible good could code like this do:

@If( dont_show_when; " "; " ") 
It doesn't do anything, but the comment right above it indicates that it should do a whole lot.

-- John W.

********************************************************

This code will never work. It does nothing but assign values to variables which are then never used. There's definitely some missing code here.

-- SearchDomino.com member

Do you have comments of your own? Let us know.


Rate this Tip
To rate tips, you must be a member of SearchDomino.com.
Register now to start rating these tips. Log in if you are already a member.




Digg This!    StumbleUpon Toolbar StumbleUpon    Bookmark with Delicious Del.icio.us   



RELATED CONTENT
HTML
Create a dynamic fluid image gallery with Lotus Notes views
Write HTML and JavaScript in Notes view rows and columns on the Web
Open Lotus Notes documents in Microsoft Word without coding
Trap an attachment path via the Domino file upload control field
A bevy of Notes/Domino development tips
Styling Lotus Domino Web fields
How to convert Microsoft Word or Microsoft Excel documents to HTML
An easier way to view multiple columns on the Web
How to print a form in landscape format automatically
Tip contest winner: Hide view column while being able to sort it

HTML for Lotus Notes Domino
Create a dynamic fluid image gallery with Lotus Notes views
Write HTML and JavaScript in Notes view rows and columns on the Web
Open Lotus Notes documents in Microsoft Word without coding
Top 10 Lotus Notes/Domino coding and development tips of 2008
Trap an attachment path via the Domino file upload control field
Mimic Lotus Notes Domino application functionality on the Web
Top 10 Lotus Notes Domino programming and development tips of 2007
Creating a link on an HTML page to a Microsoft Word attachment in a Lotus Notes database
A bevy of Notes/Domino development tips
Top 10 Notes/Domino developer tips of 2006

RELATED RESOURCES
2020software.com, trial software downloads for accounting software, ERP software, CRM software and business software systems
Search Bitpipe.com for the latest white papers and business webcasts
Whatis.com, the online computer dictionary

DISCLAIMER: Our Tips Exchange is a forum for you to share technical advice and expertise with your peers and to learn from other enterprise IT professionals. TechTarget provides the infrastructure to facilitate this sharing of information. However, we cannot guarantee the accuracy or validity of the material submitted. You agree that your use of the Ask The Expert services and your reliance on any questions, answers, information or other materials received through this Web site is at your own risk.



Domino & Lotus Notes Security Solutions: Authentication, Antispam, Encryption and Antivirus
HomeTopicsITKnowledge ExchangeTipsAsk the ExpertsMultimediaWhite PapersDomino IT Downloads
About Us  |  Contact Us  |  For Advertisers  |  For Business Partners  |  Site Index  |  RSS
SEARCH 
TechTarget provides technology professionals with the information they need to perform their jobs - from developing strategy, to making cost-effective purchase decisions and managing their organizations' technology projects - with its network of technology-specific websites, events and online magazines.

TechTarget Corporate Web Site  |  Media Kits  |  Site Map




All Rights Reserved, Copyright 1999 - 2009, TechTarget | Read our Privacy Policy
  TechTarget - The IT Media ROI Experts