You can customize the following files for access profiles in the Advanced Customization view.

You can customize the following files for access profiles in the Advanced Customization view.

You can customize the following files for access profiles in the Advanced Customization view.

You can customize the following files for access profiles in the Advanced Customization view.

You can customize the following files for access profiles in the Advanced Customization view.

You can customize the following files for access profiles in the Advanced Customization view.

You can customize the following files for webtops in the Advanced Customization view.

1. On the Main tab, click Access > Profiles / Policies > Customization > General .
   The Customization tool appears in General Customization view, displaying Form Factor: Full/Mobile Browser settings.
2. On the menu bar, click Image Browser.
   The image browser opens in a new screen.
3. Select the image filter method from the Filter Messages list.
   • Select Default Images to view the included default Access Policy Manager images.
   • Select User Uploaded Images to view the custom uploaded images.
4. Add and remove images.
   • To add an image, click Add Image, select the image, and click Open.
   • To remove an image, select the image in the image browser, and click Delete Image.

1. From the General Customization view, expand the Access Profiles folder.
   Folders for each access profile display.
2. Expand the folder for an access profile.
3. Expand these folders Access Policy > Message Pages > Message Box .
   Note: Message Box is the default name for a message box item. You might see a different name, or names if the access policy includes multiple message boxes; expand one of them.
   Settings for the message box access policy item display.
4. Click the Advanced Customization Images setting.
   Image names and values display in the right pane.
5. Click the value for one of the images.
   If not already updated for use in advanced customization, the value is /public/images/my/tr.gif.
   A pulldown menu icon displays.
6. Click the pulldown menu icon and click Replace.
   A popup screen displays images.
7. To choose an image, click it; then click Change.
   The popup screen closes. A new value displays for the image.
8. Press Enter to finalize the change, and click Save.
9. Make a note of the image name; you need it when you perform advanced customization.
   You can use the image name as a variable in advanced customization of the parent object only. A message box page is the parent object in this example.

1. From the View list, select Advanced Customization.
   The advanced customization (tree) view displays.
2. Navigate to the message box item to be customized.
   1. Expand the Access Profiles folder and expand the folder for the access profile you want to customize.
   2. Expand these folders Access Policy > Message Pages > Message Box .
      Note: Message Box is the default name for a message box item. You might see a different name, or names if the access policy includes multiple message boxes; expand one of them.
      Settings for the message box access policy item display.
3. Click message_box.inc.
   Code displays in the Advanced Customization Editor.
4. Scroll down to this code.

   <table id="main_table" class="message_box">
   <tr>
       <? if( $GLOBALS["page_layout"] == "form_right" ){ ?><td id="main_table_image_cell"><img src="<? print( $GLOBALS["page_image_default"] ); ?>"></td><? } ?>
       <td id="main_table_info_cell">
           <table id="interaction_table">
           <tr>
               <td id="interaction_table_header"><? print('%[form_message]'); ?></td>
           </tr>
           <tr>
               <td class="interaction_table_text_cell"><? print('<a href="#" onclick="javascript:SubmitResult(1);return 1;">%[link]</a>'); ?></td>
           </tr>
           <tr>
               <td class="interaction_table_footer"></td>
           </tr>
           </table>
       </td>
       <? if( $GLOBALS["page_layout"] == "form_left" ){ ?><td id="main_table_image_cell"><img src="<? print( $GLOBALS["page_image_default"] ); ?>"></td><? } ?>
       </tr>
   </table>

5. After the first table row open tag (<tr>), remove this line of code.

   <? if( $GLOBALS["page_layout"] == "form_right" ){ ?><td id="main_table_image_cell"><img src="<? print( $GLOBALS["page_image_default"] ); ?>"></td><? } ?>

   The code that checks the page layout and specifies the image cell is removed.
6. Before the last table row close tag (</tr>), remove this line of code.

    <? if( $GLOBALS["page_layout"] == "form_left" ){ ?><td id="main_table_image_cell"><img src="<? print( $GLOBALS["page_image_default"] ); ?>"></td><? } ?>

   Code that checks the page layout and specifies the image cell is removed.
7. Before the last table row close tag (</tr>), insert this line of code, replacing nn with the image number.

      <td id="main_table_image_cell"><img src="%[imagenn]"/></td> 

8. In the Advanced Customization Editor area, click Save Draft.
   In the navigation tree, message_box.inc now displays in italics.
9. On the menu bar, click Save.
   In the navigation tree, message_box.inc is no longer italicized. In the screen header, the Apply Access Policy link displays.
10. In the screen header, click the Apply Access Policy link.
    A screen displays the access profile list with the access profile you have been editing selected.
11. Click the Apply Access Policy button.

1. On the Main tab, click Access > Profiles / Policies > Customization > General .
   The Customization tool appears in General Customization view, displaying Form Factor: Full/Mobile Browser settings.
2. On the menu bar, click Image Browser.
   The image browser opens in a new screen.
3. Select the image filter method from the Filter Messages list.
   • Select Default Images to view the included default Access Policy Manager images.
   • Select User Uploaded Images to view the custom uploaded images.
4. Add and remove images.
   • To add an image, click Add Image, select the image, and click Open.
   • To remove an image, select the image in the image browser, and click Delete Image.

1. From the General Customization view, expand the Access Profiles folder.
   Folders for each access profile display.
2. Expand the folder for an access profile.
3. Expand the Common folder.
   A list of settings displays.
4. Click the Advanced Customization Images setting.
   Image names and values display in the right pane.
5. Click the value for one of the images.
   If not already updated for use in advanced customization, the value is /public/images/my/tr.gif.
   A pulldown menu icon displays.
6. Click the pulldown menu icon and click Replace.
   A popup screen displays images.
7. To choose an image, click it; then click Change.
   The popup screen closes. A new value displays for the image.
8. Press Enter to finalize the change, and click Save.
9. Click the value for the image again; copy the value in the field and paste it into a text file.
   The value should be something like this: /public/images/customization/Common/ProfileName_general_ui/image00_en.png. You need to know the value when you perform advanced customization.

1. From the View list, select Advanced Customization.
   The advanced customization view displays.
2. In the navigation tree, expand the Access Profiles folder and expand the folder for the access profile you want to customize.
3. Expand the Common folder.
4. Click header.inc.
   Code displays in the Advanced Customization Editor area of the screen.
5. Scroll to the end of the file to this code.

    <table id="page_header">
     <tr >
       <td id="header_leftcell"><img src='<?=$GLOBALS["header_logo"]?>'/></td>       
       <td id="header_rightcell"><? if( !empty( $GLOBALS["header_show_disconnect_button"] ) ){ ?><button id="disconnect" onclick="javascript: /* window.onbeforeunload=window.document.onbeforeunload=window.document.body.onbeforeunload=null; */ if(top.F5_HT_logOut){ F5_HT_logOut(); }else{ window.location.href='/my.logout.php3'; }"><img src="%[disconnect_icon]"/><span>%[disconnect_text]</span></button><?} if( !empty( $GLOBALS["webtop_header_message"] ) ){?><span id="webtop_header_message"><img src='<?=$GLOBALS["fw_header_icon"]?>' id='fw_header_icon'><?=$GLOBALS["webtop_header_message"]?></span><?}?></td>
     </tr>
   </table> 

6. After the table close tag (</table>), insert this line of code.

   <img src="image_value_from_advanced_customization_settings" />

7. In the Advanced Customization Editor area, click Save Draft.
   In the navigation tree, header.inc now displays in italics.
8. On the menu bar, click Save.
   In the navigation tree, header.inc is no longer italicized. In the screen header, the Apply Access Policy link displays.
9. In the screen header, click the Apply Access Policy link.
   A screen displays the access profile list with the access profile you have been editing selected.
10. Click the Apply Access Policy button.
11. To verify the result, in the General or Advanced Customization view, click Preview and navigate to and click any access policy page.

Logon page with customized page header

1. From the View list, select Advanced Customization.
   The advanced customization view displays.
2. Navigate to the logon page item to be customized.
   1. Expand the Access Profiles folder and expand the folder for the access profile you want to customize.
   2. Expand these folders Access Policy > Logon Pages > Logon Page .
      Note: Logon Page is the default name for a logon page item. You might see a different name, or names if the access policy includes multiple logon pages; expand one of them.
      Settings for the logon page access policy item display.
3. Click logon.inc.
   Code displays in the Advanced Customization Editor area of the screen.
4. Scroll to the end of the file to this code.

          }
       --></script>
       </td>
       <? if( $GLOBALS["page_layout"] == "form_left" ){ 
           ?><td id="main_table_image_cell"><img src="<? print('%[front_image]'); ?>"></td><? 
       } ?>
   </tr>
   </table>
   
   <? include_customized_page("general_ui", "footer.inc"); ?>
   
   <? include_once("sam/webtop/renderer/vk.inc");  ?>
   
   <div id="MessageDIV" class="inspectionHostDIVSmall"></div>
   
   </body>
   </html>

5. After the table close tag (</table>), insert this line of code.

   <img src="image_value_from_advanced_customization_settings" />

6. In the Advanced Customization Editor area, click Save Draft.
   In the navigation tree, login.inc now displays in italics.
7. On the menu bar, click Save.
   In the navigation tree, logon.inc is no longer italicized. In the screen header, the Apply Access Policy link displays.
8. In the screen header, click the Apply Access Policy link.
   A screen displays the access profile list with the access profile you have been editing selected.
9. Click the Apply Access Policy button.
10. To verify the result, in the General or Advanced customization view, click Preview and navigate to and click any access policy page.

Logon page with custom image after the form