Codux Help Center
Browse our articles to find the answers you need
Managing Media in Codux
As a designer or developer, having convenient access to your project's media files is essential for creating engaging and visually appealing apps. Codux offers robust tools to manage and integrate media into your projects, supporting both local assets and media hosted online. Codux also comes with Wix Media Manager integration, and enables you to add assets visually into your boards from the Add Elements panel.
Adding Media to Boards
Codux makes it straightforward to view and use your project's images and SVGs. Just drag and drop an image from the Add Elements panel into the Elements panel or to the stage, or click the asset to insert it under the currently-selected element.
Once inserted, the image becomes a part of your board like all the other elements in it, and you can view and edit its properties in the Properties panel.
Managing Image Properties
When you select an element from the stage or Elements panel, you can see the source of the selected element in the Properties panel.
The dropdown menu beside the URL lets you choose the source for the image.
The choices are:
- Images from URL
- Project images
- Wix media
The first two options open a Media Manager dialog that looks like this, where you can import an image from the web by URL, or select from local assets on your drive.
Note:
Codux will create a directory named
src/assets at the root of your project to store any images you upload (if this directory isn’t already there).
Wix Media
If you haven’t yet connected your app to Wix Services, you’ll see a prompt to do so the first time you double-click on an image that’s hosted in Wix Media Manager. Follow the prompt to connect a site.
Once connected, you’ll see the Wix Media Manager integration in Codux when you select an image. Here you can upload media to add new files to your project, find media by keywords, browse media from Wix, Shutterstock, Unsplash, use the Wix AI Image Creator, and more. Wix Media Manager also includes tools to edit images and create videos.
The attributes of images hosted by Wix Media Manager can be modified from the Properties panel as follows:
- Width: Adjust the image’s width (e.g., 600 pixels).
- Height: Set the image height (e.g., 399 pixels).
- Fill: Choose how the image fills its container.
Was this article helpful?
