cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

Custom Device Resolution

Custom Device Resolution

bkautzman
Established Member

Is it possible to create a custom "device" with a specific resolution that can be used in the layout manager? None of the default options match either the exact resolution or the aspect ratio of the WR21 web panels.

4 REPLIES 4

webiq-sk
Frequent Contributor

This is currently not possible with WebIQ. If you only want to use it for the preview (i.e. not for device-specific styling in WebIQ - see the manual for details) - you can simply use the built-in tools of the browser by pressing F12 and then following this tutorial:https://anexia.com/blog/en/chrome-devtools-for-responsive-web-design/

 

bkautzman
Established Member

Hello webiq-sk,

Thank you for your response. I am aware of the browser developer tools, however this is not as helpful as having a configurable screen size directly in the designer. Hopefully this will be a feature added in future versions of the WebIQ Designer.

Hello webiq-sk,

Is ther any change in this topic? It would be helpful if I can adjsut the device properties for easier development.
Thanks, Csaba

webiq-sk
Frequent Contributor

No change, but noted.

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist