Here's how you know
 **Official websites use .mil** .mil
 **Secure .mil websites use HTTPS** lock () https://


Skip to main content (Press Enter).
 Toggle navigation
                
                Defense Logistics Agency
                        The Nation's Combat Logistics Support Agency
                    DLA
            Search
                        Search Defense Logistics Agency:
                            Search
                    Search Defense Logistics Agency:
                        Search
    Home

    What DLA Offers
    
        Excess Property Disposal

    Document Services

    Products

    Services

    Programs

    Working With DLA
    
        Applications

    Small Business

    Federal and International Cataloging

    Defense Data Standards

    Events

    Procurement Policies

    Government Programs

    Forms

    Organizations
    
        DLA Headquarters

    DLA Aviation

    DLA Disposition Services

    DLA Distribution

    DLA Energy

    DLA Land and Maritime

    DLA Troop Support

    DLA CENTCOM & SOCOM

    DLA Europe & Africa

    DLA Indo-Pacific

    Customer Support
    
        Self Help Tools

    How to Order

    Find Your Order

    Customer Facing Offices

    Training

    Brochures

    Warfighter Support

    Customer Service Management

    Careers

    About DLA
    
        Contact Us

    Locations

    Leaders

    News

    History

    Media Gallery

    DLA Campaigns  Home
  Public Affairs
  Module Samples
  Commonly Used Modules in AFPIMS Below you will find a sampling of the most commonly-used modules in AFPIMS available to our Content Managers. Use the Jump-Menu to help navigate through the page, reviewing what is available for use on your pages. **Please Note:** DLA Content Managers may not have adequate permissions to add each of these modules onto their site. If you would like to use one of the modules below and you do not see it listed in your available modules window, please reach out to DLA Public Affairs or an AFPIMS Site Administrator for assistance.
 HTML and Live HTML
 Accordion Menu
 ArticleCS Dashboard
 Events
 Expandable Text
 Hot Info
 Image Gallery
 Links
 Mosaic Links
 Photo Dashboard
 Simple Maps
 Slide Show
 Tabbed HTML
 
 HTML and Live HTML Module **Training**: HTML and Live HTML Module The HTML and Live HTML modules are some of the most popular module types due to their versatility. They provide two text editors for creating your own content either as HTML or as plain text. The module interfaces are very similar to most popular document editors. With these modules, you can add text, images, and links in multiple formats to fit your needs. *Which module to choose?* If you are using a workflow that requires approval before content goes live, use the Live HTML module. Otherwise, every other circumstance requires the use of the HTML module. Generally at DLA, use the standard HTML module as there is no requirement for content to be formally approved via a workflow prior to going live. This text that you are reading right now is contained within a standard HTML module.
 There are alternative containers that Content Managers can use to enhance the HTML module on a page. This is an example of using the DOD2-Card-Rounded container. You can find examples of all available containers on the Panes and Containers Training Document (scroll to page 11).
 Here is another alternative container that Content Managers can use to enhance the HTML module on a page. This is an example of using the DOD2-Card-Square container.
 If you do not want the Bold Blue header in your Rounded Card or Square Card Container, just go into the Module Settings and clear out the Module Title field, leaving it blank. The module will just show the text/content without a header.
 Here is another commonly-used container, called DOD2-BlueBackground or DOD2-BlueBackground-NoTitle. This one is the option with No Title. It is a simple container that displays a soft blue, almost gray, background behind the content in the HTML module.
 Return to Top
 Accordion Menu Module
 **Training**: Accordion Menu Module The Accordion Menu module allows you to add expandable/collapsible navigation menus to pages within your site. These menus and sub-menus should be links to relevant and related pages within your section of DLA.mil. The expandable nature and customization to content provides a more versatile menu that helps site visitors navigate your site. See an example of how DLA accordion menus are formatted to the right. Accordion menu settings should be set to: Template: Army Corps of Engineers Responsive
 Check the box labeled "Convert to Jump Menu on Mobile"
 In the Page Settings tab, the module container should be "DOD2-Empty-No-Padding"
 DLA CareersJoin Our TeamEmployment ProgramsEmployment ResourcesDLA BenefitsEmployee ResourcesEmployee ProgramsEmployee Assistance Program (EAP)Human Resource SystemsDLA BenefitsLabor RelationsOverseas ServicesTools, Links, and FormsDoD CustomersAbout DLA CareersContact Us
  Return to Top
 ArticleCS Dashboard Module **Training**: ArticleCS Dashboard Module The ArticleCS Dashboard module displays dashboard items such as specific lists of articles based on category designations, archived article lists displayed by date, or other similar options. All ArticleCS Dashboards work in conjunction with an ArticleCS module that is generally located on your main article landing page. Two examples are displayed below, both of which are tied to the NEWS ArticleCS library. One uses the DOD2-Card template and the second uses the DOD2-Explore template. Types of ArticleCS libraries that we have on DLA.mil, of which you can place Dashboards on your pages, include: News
 Applications
 Biographies
 Brochures
 Training
 DLA Headquarters News
 Three men in suits stand at a red ribbon with a large pair of scissors.
            
            Business connections, innovative solutions focus of worldwide energy conference
                News
                    Apr. 23, 2024
                The common thread in all DOD missions is the need for energy sources, DLA Vice Director Brad Bunn tells industry, military, federal...
                    Read More
        
        Uniformed service members walk outside of a camouflaged storage area on the edge of the woods
            
            DLA leaders sync with EUCOM partners on Ukraine, exercise support
                News
                    Apr. 22, 2024
                The Defense Logistics Agency Logistics Operations director and executive director engaged with U.S. European Command warfighting partners...
                    Read More
        
        Woman wearing blue top stands along a railing with water and a bridge in the background.
            
            Army veteran, 3-time sexual assault victim spreads hope for survivors
                News
                    Apr. 15, 2024
                A former soldier shares her journey to rock bottom after three sexual assaults, one of them from her fellow troops, in hopes of educating...
                    Read More
        
        Graphic with text and a gravel
            
            Political activity: Federal law, DOD rules dictate employee do’s and don’ts
                News
                    Apr. 04, 2024
                Whether federal employees are violating the Hatch Act often depends more on when and where they participate in political activities than on...
                    Read More
 More DLA Headquarters News
 DLA News
 People standing behind an exhibit booth
 Enterprisewide
 The 2024 Worldwide Energy Conference wraps up
  Army Lt. Gen. Mark Simerly, DLA director, speaks to DLA Troop Support senior leaders during his visit to the major subordinate command in Philadelphia April 18. Simerly has been visiting DLA MSCs since becoming the agency director Feb. 2.
 Enterprisewide
 Former DLA Troop Support commander returns as agency director, emphasizes transformation
  A light skinned woman in a black and white dress stands on stage in a large auditorium full of people.
 Enterprisewide
 Greenberg shares experiences as a Jewish child during the Holocaust at joint DLA, DFAS program
 More DLA News
 Return to Top
 Events Module **Training**: Calendar/Events Module The Events module provides a way to display a calendar of events. Events can be a single event or a reoccurring event. This module can include information, links, and images to inform viewers of upcoming events. Also, it can be set to be seen and used by internal AFPIMS users or made public to be seen by your viewers by setting permissions. The example below is from the Small Business Office. *DO NOT MAKE CHANGES to the module shown below, as it will impact the live version on the Small Business page.* The view of the Events module can be a List or Calendar (Month or Week)
 Email this event to me @
  
 DLA Distribution is the leading provider of global distribution support to America’s military and other federal agencies, and it comprises of more than 10,000 military and civilian employees. Located in eight countries and 20 states and territories, it delivers best-value supply chain solutions including receiving, storing and issuing supplies to increase warfighter readiness. DLA Distribution Procures: Services Storage, Distribution, Warehousing, MHE Maintenance, and JanitorialMaintenance, Repair or Alteration of Real Property (Facility Repair & Minor Construction)Automated Data Processing & Telecommunications ITMaintenance, Repair and Rebuilding of Maintenance EquipmentProfessional, Administrative, and Management Support Supplies Materials Handling Equipment (MHE)Containers, Packaging, and Packing Supplies (Boxes)FurnitureOffice Supplies & DevicesElectric Wire, and Electrical Power & Distribution Equipment DLA Disposition Services disposes of excess property received from the military services. The inventory changes daily and includes thousands of items: from air conditioners to vehicles, clothing to computers, and much more. That property is first offered for reutilization within the Department of Defense (DoD), transfer to other federal agencies, or donation to state and local governments and other qualified organizations. DLA Disposition Services procures: Services Hazardous Waste Treatment/Storage & DisposalTechnical Representative ServicesMaintenance, Repair & Rebuilding of Materials Handling EquipmentWarehousing/Storage – Excess Property ManagementHousekeeping – Landscaping/Grounds, Custodial, Trash & Other Supplies Materials Handling Equipment (MHE)Warehouse Trucks & TractorsSpecial Industry Machinery - MiscellaneousPrecious Metals Primary FormsOffice Furniture Registration is required in advance to attend: https://www.zoomgov.com/meeting/register/vJIsd-GpqTosHnAsBVbXdeqAggQFAJzAFpo
 
 Alandra Jones
  Return
        
        
        
        
        
        
        Export
 Return to Top
 Expandable Text Module **Training**: Expandable Text/HTML Module The Expandable Text/HTML Module is an interactive space saving module designed to eliminate large walls of text with the use of expandable/collapsible content containers. This helps to clean up the look of a page that has links to content. The module works by connecting large blocks of text to shorter, sortable titles and providing an interface for the expansion or collapse of the larger text by toggling a [+/-] button. Please note that styling for this module on DLA.mil is standardized via sitewide CSS. The default styling should not be overridden and standard font styling should used for the header, title, and body content.
 Expandable Text Header Collapse All Expand All 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Return to Top
 Hot Info Bar Module **Training**: Hot Info Bar Module The Hot Info Bar provides a display for information that may only be relevant at certain times. Think of it as an emergency information area for special circumstances. It can be turned on and off easily, and provides a way to link to pertinent information that affects your site. Note that it is best used on a site’s home page where it will have the most impact to visitors.
 
 Return to Top
 Image Gallery Module **Training**: Image Gallery Module The Image Gallery displays approved media from the Shared Media Manager and is the tool visitors use to navigate through your site’s media. Image Galleries can be filtered by Category and Tag.
 Search
 Search
 All Images All ImagesOther
 Upload Date Upload DatePhoto DateTitle
  FIRST

        

        

        
        1 (current)
        
        2
        
        3
        
        4
        
        5
        

        


        


        LAST
 Return to Top
 Links Module **Training**: Links Module The Links module allows you to create a list of internal or external links, and even links to documents that you’ve uploaded. Links can be displayed in a list or in a dropdown menu, seen in the two examples below. When using the Links module, remember: For each link you add, make sure to check the box next to the All Users Role so the public can see the link
 If you want to add the DLA emblem seen in the example below, go into the Module Settings, Links Settings tab, in the Display Icon section select Root folder and then File Name of dla-favicon.ico
 LinkIconLink 1
        
            LinkIconLink 2
        
            LinkIconLink 3
 Link Link 1Link 2Link 3 Go
 Return to Top
 Mosaic Links Module **Training**: Mosaic Links Module The Mosaic Links module allows you to create a group of large, tiled graphics that link to internal or external resources or pages on your site. Note: Users should first upload the images to the Shared Media Manager in a 16:9 aspect ratio, because the module pulls the images directly from the Shared Media Manager. Note: This module only works with responsive skins. Mosaic modules can be created with 3, 5, or 7 mosaic tiles. When using this module on DLA.mil: Color Cast should be set to the darkest blue option
 Color Intensity should be set to 80 on all devices
 There are many pre-generated images designed by DLA personnel for use in these modules - reach out to DLA Public Affairs for more information on where to find these images
 Small Business: How to do business with DLA
                A simplified illustration of two hands shaking with the DLA emblem above them
 Excess Property Disposal
                A simplified illustration of stacks of military vehicles being packaged into crates
 
 DoD catalog tools: Federal and International Cataloging
                A simplified illustration of a row of books
 
 How to order with DLA
                A simplified illustration of a clipboard with a checklist labeled "order" accompanied by a pencil
 
 Find your order
                A simplified illustration of clipboard with a checklist labeled with the word "order" accompanied by a magnifying glass
 Training
                A simplified illustration of a speaker in front of a presentation slide
 Frequently used resources
                A simplified illustration of a globe accompanied by a mouse pointer and the letters "WWW"
 Return to Top
 Photo Dashboard Module **Training**: Photo Dashboard Module The Photo Dashboard module can be used in many ways to allow you the freedom of presenting images in unique and eye catching ways. Depending on your branch of service and the theme of your site, you are able to present images with text, links, floating lightboxes, and more. Other options allow you to create an automatically updating list of photos on your site or one big and bold image to grab the audience’s attention. There are two main ways we use Photo Dashboard Modules on DLA.mil, one is a full page width banner image at the top of the page, and the other is a smaller columned banner image on top of an HTML module to draw the user's attention to the content. See the examples below. For more information about styling and usage of the Photo Dashboard Module, go to the Webmasters SharePoint site and review the Website Redesign Guide. When using the Photo Dashboard module as a major banner on top of a page: Form Type: DefenseGov
 Template: Background Image
 Ensure the image dimensions are: 1140x150
 Use the Container: DOD2-Empty-No-Padding
 Use 150px as the Image Height
 
 When using the Photo Dashboard module as a small banner on top of columns Form Type: DefenseGov
 Template: Background Image
 Ensure the image dimensions are: 1200x500
 Use the Container: DOD2-Empty-With-Margin
 Use 122px as the Image Height
 
 Return to Top
 Simple Maps Module **Training**: Simple Maps Module The Simple Maps module allows you to embed a Google Map into the module for display on your site. You need to use Google Maps, https://www.google.com/maps, to retrieve the Embed link. Keep in mind the following process is done on a third party site, and is subject to change without notice. Once that is done, you can import the map to AFPIMS.
 
 Return to Top
 Slide Show Module **Training**: Slide Show Module The Slideshow module is a versatile module that allows you to display images from your Shared Media Manager in ways that are eye catching and attractive to your audience. You have several display options with the Slideshow module, including the typical slideshow that is the focal point of most AFPIMS home pages, as well as a Carousel and Top Rotator.  Whichever display options you choose, images are added in the same way. The example below is from the Aviation Homepage. *DO NOT MAKE CHANGES to the module shown below, as it will impact the live version on the Aviation page.*
 Defense supply chain conference fosters partnerships, integrated deterrence strategy
 DLA Director calls on agency, suppliers to ‘think, act and operate differently’
 About DLA Aviation
 Return to Top
 TanLD Responsive HTML Tabs, aka Tabbed HTML Module **Training**: Tabbed HTML Module The HTML Tabs module is a fully customizable, responsive tabs module. It allows you to take any HTML content, including images, video, or a module, and display it in a clean, organized, and responsive tabbed navigation format. When using the Tabbed HTML Module on DLA.mil, use the following settings: Container: DOD2 - Empty-With-Margin
 Theme: flat-af-blue The following suggestions are also provided: Size is flexible, but always test the size to ensure tab titles are readable on all devices
 Style is flexible, but we suggest using either Contained or Clean - “Contained” throws a blue-gray background behind the content and adds a margin around it - “Clean” provides no background color behind the content and allows the text to span the whole width of the module
 Orientation is flexible, decision to be vertical or horizontal should be made on a case-by-case basis
 Position is suggested to be Top, but we allow for flexibility here as well depending on how you want it to look
 We suggest checking all the check-boxes, as each one enhances the style of the module
 Use Deep-Linking if you plan to use anchor links to direct users to specific tabs
 In general, Animation Settings should be left alone This first example shows Medium Tabs, Contained Style, Horizontal Orientation, and Top-Compact Position
 Tab 1
            
                Tab 2
            
                Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 This second example shows xLarge Tabs, Contained Style, Vertical Orientation, and Top Position
 Tab 1
            
                Tab 2
            
                Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 This third example shows how we can force a "Hamburger" menu above the Tabbed HTML content. To do this, in the Module Settings, under the Tabs Settings, find the Responsive Settings, and change "Max Rows" to 0. Otherwise, use Horizontal Orientation and Top Position. In this example, we also show what it looks like to uncheck the "Rounded" check-box - notice the hamburger menu has sharper edges than the previous two examples, which were more rounded.
 Tab 1
            
                Tab 2
            
                Tab 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 Return to Top
 Contact UsSite IndexStrategic PlanDLA IG HotlineFOIANo FEAR ActWhistleblower ProtectionDLA CareersImagesWebmasterEEOSection 508Public AffairsSAPRExternal Links DisclaimerDOD Information Quality GuidelinesPrivacy/SecurityUSA.govDOD Web PolicyDOD Open GovernmentPlain Language
                    Stay Connected
            
            

Hosted by Defense Media Activity - WEB.mil