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

User Dialog during upload an app

User Dialog during upload an app

maurusbien
Established Member

Hello,

how did the development team integrate the web browser based user dialog to select multiple apps to upload to an ctrlX CORE via the local storage? One customer wants to integrate something like this in their own web interface of their own app.

Thanks!

1 REPLY 1

jochen-scheib
Established Member

Hi Maurus,

no magic here 😃. We use a standard html5 input field of type="file" with the attribute "multiple". When using an angular app it could look like this, for example:

 

<input type="file" accept=".snap, .app" multiple />

 

In our case the input field is hidden and controlled using javascript.

 

<input #inputFile type="file" accept=".snap, .app" multiple (change)="add.emit($event.target.files); $event.target.value = null" style="display:none;" />

 

 

Best

Jochen

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