Page Variants Not Shown for Mobile Devices (Doc ID 2507441.1)

Last updated on JULY 27, 2024

Applies to:

Symptoms

Page Variants Not Shown for Mobile Devices.

STEPS

The issue can be reproduced at will with the following steps: 

1. Connect to WebCenter Portal as an Administrator user.
   
   
2. Navigate to Administration->Device Settings.
   
   
3. Select the Devices Tab.
   
   
4. Click Create.
   
   
5. Create a Device.
   e.g.: iPhoneX
   
   
   • Provide the Name, Display Name, User Agent and Description properties.
     
     
   • Fill in the Optional and Additional Attributes as needed.
     
     
   • Click OK.
     
     
6. Add the Device to a Device Group.
   
   
   • Select the Device Groups tab.
     
     
   • Select the "iOS Phones" device group and click Actions -> Edit.
     
     
   • Move the "iPhoneX" device to the list of Selected Devices".
     
     
     
7. Create a Page in a Portal.
   
   
   
   • Navigate to a Portal.
   • Create a Page.
     For example: Page1
   • Edit the page and add and "HTML Markup" component.
   • Edit the Display Options of the HTML component and set the following in the Value field:
     
     
     This is the Desktop Page. <br><br>
     Device Name: #{DeviceAgent.device.name}<br>
     Device Display Name: #{DeviceAgent.device.displayName}<br><br>
     Device Group: #{DeviceAgent.currentScopeDeviceGroup.name}<br>
     Device Group Display name: #{DeviceAgent.currentScopeDeviceGroup.displayName}<br><br>
     Current Browser User Agent: #{DeviceAgent.userAgent}<br>
   • Click OK.
   • Save the page changes.
   • If you have enabled Page Drafts Publish the changes to Page.
     
     
8. Create a Page Variant for the new device.
   
   • Get back to Pages.
   • From the Page1 actions select: Add -> New Page Variant.
   • Select : iOS Phones.
   • Select the Check Box : Copy Base Page Content and Style.
   • Click Create.
   • Edit the Display Options of the HTML component in the "iOS Phones" Page Variant and set the following in the Value field:
     
     
     This is the iOS Phones Page Variant. <br><br>
     Device Name: #{DeviceAgent.device.name}<br>
     Device Display Name: #{DeviceAgent.device.displayName}<br><br>
     Device Group: #{DeviceAgent.currentScopeDeviceGroup.name}<br>
     Device Group Display name: #{DeviceAgent.currentScopeDeviceGroup.displayName}<br><br>
     Current Browser User Agent: #{DeviceAgent.userAgent}<br>
   • Click OK.
   • Save the page changes.
   • If you have enabled Page Drafts Publish the changes to Page.
     
     
     
9. View the Page1 from a Desktop.
   You will see the Desktop Page is displayed.
   
   
10. View the Page1 from an iPhoneX Mobile Device.
    You will see the Desktop Page is displayed.
    
    So the Page Variant is not shown
    This is the issue.
    
    

Cause

My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.