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

CSS style sheet

CSS style sheet

pacosta
Established Member

Is there a recommended CSS style sheet to use when integrating an app into ctrlX CORE? My app has an "Settings" entry, and currently when the user clicks on it a totally new page is served, ideally for consistentcy of UI, I would like the left sidebar to still be visible (iframe?), and the fonts and other styles to be the same as used in the rest of the ctrlX CORE UI...

2 REPLIES 2

Krauskopf
Established Member

Thank you for your message. The sidebar is realized as an angular component and not as an iframe.

But we discussed your idea internally and in general like it. One possibility, we could think of is to publish the sidebar component as part of our SDK. Unfortunately, we can not provide a near term solution to you, as we need to prepare certain things first. E.g. in terms of licensing. So for now there is only the option to open in a new frame. But we add your proposal to the backlog of one of our next Release Milestones.

pacosta
Established Member

Seems reasonable, so for the time being I will style the settings page to look "good" and then move to whatever framework you provide when it is ready. Thank yout for your answer!

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