locked
View an HTML page inside an .aspx form RRS feed

  • Question

  • I have made a page on Visual Studio 2005 with all the design I need as MainPage. Then from the database I have a list of html page path as SubPages. The Mainpage gets Data to view from the SubPages. SubPages contain Html scripts which are already formated such as Bold,Underlines, Tab and Indentions some with images called from other links.

    Sample Data of SubPages:

    ~/Sub/Sample1.html
    ~/Sub/Sample2.html

    Sample Script within the Sample1.html
    1 <class=ss> 
    2 Do you want to see a person who is calling you more clearly and in details?  
    3 Well, use "Full Screen Caller" and your wish will be satisfied! Full  
    4 Screen Caller allows you to see a big picture of a person when you are  
    5 receiving a phone call if this person is stored in your contacts database!  
    6 </p> 
    7  
    8 <br> 
    9 <class=TitleC><b>How does it work:</b></p>  
    10  
    11 <table width=100%><tr>  
    12 <td><p class=ssc><img src='http://www.smartphoneware.com/res/fscaller60/fsc3.jpg'></p></td>  
    13 <td><p class=ss> 
    14 <br> 
    15 "Full screen caller" has two modes: picture mode and caller info mode.   
    16 Depending on the selected mode "Full screen caller" will show either a photo associated with a corresponding contact or detailed information about the caller.  
    17 <br><br>  
    18 When "Full screen caller" is turned on, it shows a big photo of a caller   
    19 or caller info screen during a phone call.   
    20 A picture can appear during incoming or/and outcoming calls.  
    21 <br><br>  
    22 In picture mode "Full screen caller" tries to get the biggest picture from   
    23 <b>"Pictures"</b> during a call. If there is no picture then the   
    24 program will try to get a <b>big picture from Contacts application</b>.   
    25 If there's no big picture in Contacts it tries to get a picture from <b> 
    26 "Pictures" for a group</b>.  
    27 If it doesn't find any it shows a <b>thumbnail or default picture</b>.  
    28 <br><br>  
    29 In caller info mode "Full screen caller" gets information about a caller from contacts database  
    30 and shows fields that you set in settings dialog.  
    31 </p> 
    32  
    33 </td> 
    34  <td><p class=ssc><img src='http://www.smartphoneware.com/res/fscaller60/fsc4.jpg'></p></td>  
    35 </tr> 
    36 </table> 
    37  
    38 <br><br>  
    39 <class=TitleC><b>Main view:</b></p>  
    40  
    41 <table width=100%><tr>  
    42  <td><p class=ssc><img src='http://www.smartphoneware.com/res/fscaller60/fsc1.jpg'></p></td>  
    43  <td><p class=ss> 
    44 This is the main view of "Full Screen Caller". In this view you can find the  
    45 following commands:</p> 
    46 <ul> 
    47 <li> Turn On/Off - with the help of this option you can activate and deactivate   
    48 "Full Screen Caller";  
    49 <li> Pictures - application pictures;  
    50 <li> Settings - application settings;  
    51 </ul> 
    52 </td> 
    53 </tr> 
    54 </table> 
    55  
    56 <br><br>  
    57 <class=TitleC><b>Settings:</b></p>  
    58  
    59 <table width=100%><tr>  
    60  <td><p class=ss> 
    61 In this dialog you can configure the following settings:</p> 
    62 <ul> 
    63 <li><b>General:</b></li>  
    64 <ul> 
    65   <li><b>Mode</b> - depending on your choice "Full screen caller" will show a photo or caller info screen;</li> 
    66   <li><b>Backlight</b> - if this option is turned on backlight will be on when   
    67     Full Screen Caller shows a picture during a call;</li> 
    68   <li><b>Show on</b> - defines wheather to show the screen during outcoming or incoming calls;</li> 
    69  
    70   <li><b>Picture mode settings:</b></li>  
    71   <ul> 
    72     <li><b>Picture:</b> 
    73     <ul> 
    74       <li><b>Default image</b> - defines a predefined picture or a thumbnail shown in the case when  
    75         a picture is not found;</li> 
    76       <li><b>Show phone icon</b> - if this option is turned on an icon  
    77         will be shown in the field "Phone number";</li> 
    78       <li><b>Show phone number</b> - if this option is turned on phone number will be shown  
    79         in the field "Phone number";</li> 
    80       <li><b>Label type</b> - defines content of the second string;</li> 
    81       <li><b>Font name</b> - font for text;</li> 
    82     </ul> 
    83  
    84     <li><b>Big image:</b></li>  
    85     <ul> 
    86       <li><b>Big image layout:</b> 
    87       <ul> 
    88         <li><b>Full screen</b> - the picture will be stretched to fit the dimensions of the screen. If   
    89           a picture does not have the preffered proportions (176 x 187) then the longer side of it will be cut   
    90           and the shorter one - stretched. For example: if the size of the picture is   
    91           640 x 480 the result size will be 249 x 187, thus the left and right sides  
    92           of the picture will be cut by (249-176)/2 = 36 pixels;</li> 
    93         <li><b>Fit screen</b> - the picture will be compressed to 176 x 187;</li> 
    94       </ul> 
    95       <li><b>Opacity;</b></li>  
    96       <li><b>Opacity color;</b></li>  
    97       <li><b>Phone number color;</b></li>  
    98       <li><b>Phone label color;</b></li>  
    99       <li><b>Phone name color;</b></li>  
    100       <li><b>Background color;</b></li>  
    101     </ul> 
    102     
    103     <li><b>Thumbnail:</b></li>  
    104     <ul> 
    105       <li><b>Thumbnail layout:</b></li>  
    106       <ul> 
    107         <li><b>Standard;</b></li>  
    108         <li><b>Original size;</b></li>  
    109         <li><b>Fit screen;</b></li>  
    110       </ul> 
    111       <li><b>Thumbnail phone number color;</b></li>  
    112       <li><b>Thumbnail phone name color;</b></li>  
    113       <li><b>Thumbnail phone label color;</b></li>  
    114       <li><b>Thumbnail background color;</b></li>  
    115       <li><b>Thumbnail border color;</b></li>  
    116     </ul> 
    117     <li><b>Other:</b></li>  
    118     <ul> 
    119       <li><b>Sort order</b> - defines sort order for pictures in Picture dialog;</li> 
    120     </ul> 
    121   </ul> 
    122  
    123   <li><b>Caller info mode settings:</b></li>  
    124   <ul> 
    125     <li><b>Caller info:</b> 
    126     <ul> 
    127       <li><b>Background color;</b></li>  
    128       <li><b>Font name</b> - font for text;</li> 
    129     </ul> 
    130     <li><b>Info strings:</b> 
    131     <ul> 
    132       <li><b>5 info strings with different fields that can be received from a contact. Moreover, you can set a different color for each string;</b></li>  
    133     </ul> 
    134   </ul> 
    135  
    136 </ul> 
    137  
    138 </td> 
    139  <td><p class=ssc><img src='http://www.smartphoneware.com/res/fscaller60/fsc2.jpg'></p></td>  
    140 </tr></table>  
    141  
    142 <br><br>  
    143 <class=TitleC><b>How to assign a big picture to the contact:</b></p>  
    144  
    145 <table width=100%><tr>  
    146  <td><p class=ssc><img src='http://www.smartphoneware.com/res/fscaller60/fsc00.jpg'></p></td>  
    147  <td> 
    148 <class=ss> 
    149 To assign a picture to a person, a group or simply  
    150 choose a default one open Pictures. You will see a dialog that has 3 pages:  
    151 </p> 
    152     <ul> 
    153     <li><b>Contacts;</b> 
    154     <li><b>Groups;</b> 
    155     <li><b>Default;</b> 
    156     </ul> 
    157 <class=ss> 
    158 In this dialog you can perform the following operations with the pictures:  
    159 </p> 
    160     <ul> 
    161     <li><b>Open</b> - show big picture;  
    162     <li><b>Select picture</b> - lets you choose any picture from image folder;  
    163     <li><b>From camera</b> - lets you make a snapshot via camera;  
    164     <li><b>Default picture</b> - assign predefined image;  
    165     <li><b>Delete</b> (Hot key: Pen/Abc+ C) - remove picture;  
    166     <li><b>Update all contacts</b> - retrieve all big pictures from contacts;  
    167     </ul> 
    168  
    169 </td> 
    170  <td><p class=ssc><img src='http://www.smartphoneware.com/res/fscaller60/fsc01.jpg'></p></td>  
    171 </tr></table

    The design from the MainPage is static with the header, footer, etc. The SubPages should load inside the MainPage Adopting the Font attributes of the MainPage. MainPage should expands its height which depends on how long the Subpages are but should fit the designed width from the MainPage.

    I have tried to use <iframe> but actualy it does not expands the height of the MainPage and instead it has a fixed height and width. I have also tried <Iframe> to have a width of 500px and a height of 100% just an experiment and it goes 100px instead 100%.
    zaqxen
    Sunday, July 20, 2008 9:11 AM

Answers