Hello Community - We are building a component which has two HTMLs one for desktop and other for mobile devices. Basically we want to render the HTML only based on device type so that only one HTMLs will be loaded for any given device type.
This can be achieved using script but we want to handle in server side only and the page should be cacheable. Please let me know your suggestion.
Basically I wanted to implement/load the selector specific HTML only for the specific component authored on the page and not for the page/page component. Instead of writing apache rewrite rule, is there a way to implement using servlet or sling model for this selctor approach.
@s1101v As you know, for every unique URL, there can be only a single response which will be further cached by Dispatcher. So to get a device-specific response from the publisher, you need to generate different URLs, one for each device. Selector based approach is the best solution in this case.
Now, you do not need to implement a selector in all components. Just implement in the page component, and if you do not need page level changes, call your page.html from mobile.html under the page component. This will enable your selector, and allow you to have selector implementation for your needed components.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.