---
url: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/integrations/media-library'
title: 'Place a picture from your media library | DXPR'
author:
  name: docs-sync
  url: 'https://dxpr.com/users/docs-sync'
date: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: "Browse and insert media from Drupal's media system"
tags:
  - 'Connect Drupal features'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Place a picture from your media library'
      description: "Browse and insert media from Drupal's media system"
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-23T14:31:17+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/hc/documentation/learn-dxpr-builder/integrations/media-library'
      articleSection: 'Connect Drupal features'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/hc/documentation/learn-dxpr-builder/integrations/media-library'
      description: "Browse and insert media from Drupal's media system"
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: en
---
[Help Center](/hc)/[Documentation](/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Manage the site](/hc/documentation/learn-dxpr-builder/manage) /[Connect Drupal features](/hc/documentation/learn-dxpr-builder/integrations) # Place a picture from your media library.

Browse and insert media from Drupal's media system

 Learn DXPR BuilderManage the siteConnect Drupal features

   ## In this guide

 Related guides

- [Entity Browser](/hc/documentation/learn-dxpr-builder/integrations/entity-browser)

Put a photo from your site's media library on the page, next to a short text. You find the picture by name, tick it and insert it, so every page reuses the same approved images. This is the recommended way to pick images; use [Entity Browser](/hc/documentation/learn-dxpr-builder/integrations/entity-browser) only when your site already relies on it.

## Before you start

- The **Media Library** module is enabled and the site has an image media type with the machine name `image`.
- **Browser type** is set to **Media Library**. You find it in the **Media** section of the [General settings](/hc/documentation/learn-dxpr-builder/admin/general-settings).
- You have the **View media** permission.

## Set up

1. Click **+** in the content area and, from the **Layout** tab, pick **Section**.
2. Click **+** on the section and pick **Row**; it arrives with two equal columns.
3. Click **+** in the right column and, from the **Content** tab, pick **Text**. Type a heading, set it to **Heading 2**, add one line and click **Save**.
4. Click **+** in the left column and pick **Image**.
5. Click **Select Image**: the **Media browser**opens with the newest images first.
6. Type part of the picture's name under **Name**and click **Apply filters**.
7. Tick the picture and click **Insert selected**.
8. Open the **SEO** panel, type the **Alt attribute** and click **Save**.

## What you see

The photo sits in the left column with your text beside it. The media item stays in the library, so other pages can use the same picture.

The **Media browser** offers more than search:

- **Add file**: upload a new picture from your computer. It joins the library for everyone
- **Sort by**: newest or oldest first
- **Grid** or **Table** view of the library
- A tick on each picture. **Insert selected** takes every ticked one; a field that holds one image keeps the first

Other image fields open the same browser: the **Background image** in the **Style** panel, the image lists of **Image carousel** and **Marquee**, and the poster of a video. **Select video** on the **Local video** element opens it for video files.

## If you don't see the media browser

- **A plain upload button shows instead of Select Image.** **Browser type** is set to **Basic file upload**. Choose **Media Library** under **Media**at `/admin/dxpr_studio/dxpr_builder/settings`.
- **The browser says "Media Library is not enabled."**The Media Library module is off. Enable it under **Extend** (`/admin/modules`).
- **The browser shows "Access denied".** Your role lacks **View media**. Grant it under **People** > **Permissions** (`/admin/people/permissions`).
- **There is no Add file form.** Your role may not create image media. Grant **Image: Create new media** on the same permissions page.

## What's next?

[Entity browser for advanced media selection](/hc/documentation/learn-dxpr-builder/integrations/entity-browser) to continue exploring DXPR Builder.