<!DOCTYPE html>
<html lang="en" class="no-smooth-scroll">
<head>

<meta charset="utf-8">
<!-- 
	Based on the TYPO3 Bootstrap Package by Benjamin Kott - https://www.bootstrap-package.com/

	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at https://typo3.org/
-->



<title>Downloads - Topwire - Turbo for TYPO3</title>
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<meta name="generator" content="TYPO3 CMS" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<meta name="robots" content="index,follow" />
<meta name="twitter:card" content="summary" />
<meta name="apple-mobile-web-app-capable" content="no" />
<meta name="google" content="notranslate" />


<link href="/_assets/vite/assets/index-71888344.css?1705154874" rel="stylesheet" >



<script type="module" async="async" defer="defer" src="/_assets/vite/assets/topwire/website-f4860597.js?1705154874"></script>


<link rel="icon" href="/_assets/vite/assets/favicon-500a84fd.ico" type="image/vnd.microsoft.icon">
    <link rel="apple-touch-icon" sizes="180x180" href="/_assets/vite/assets/apple-touch-icon-d101a2ba.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/_assets/vite/assets/favicon-32x32-c87e20db.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/_assets/vite/assets/favicon-16x16-e4f1c2ec.png">
    <link rel="mask-icon" href="/_assets/vite/assets/safari-pinned-tab-5d8ca706.svg" color="#28544b">
    <meta name="msapplication-TileColor" content="#28544b">
    

<link rel="prev" href="/example/news"><link rel="next" href="/example/custom-plugin">
<link rel="canonical" href="https://topwire.dev/example/downloads"/>
</head>
<body id="p33" class="page-33 pagelevel-2 language-0 backendlayout-simple layout-default">






<div id="top"></div>
<div class="body-bg body-bg-top">

    



    



    <a class="visually-hidden-focusable" href="#page-content">
        <span>Skip to main content</span>
    </a>
    




<header id="page-header" class="bp-page-header navbar navbar-mainnavigation navbar-default navbar-has-image navbar-top navbar-fixed-top navbar-transition" data-controller="sticky-header">
    <div class="container">
        

<a data-turbo-permanent="1" class="navbar-brand navbar-brand-image" id="main-logo" href="/">
    
            <img class="navbar-brand-logo-normal" src="/_assets/vite/assets/Logo-horizontal-86f190dc.svg" alt="Topwire - Turbo for TYPO3 logo" height="23" width="210">
            
                <img class="navbar-brand-logo-inverted" src="/_assets/vite/assets/Logo-horizontal-white-2b1caac5.svg" alt="Topwire - Turbo for TYPO3 logo" height="23" width="210">
            
        
</a>



        
            
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#mainnavigation" aria-controls="mainnavigation" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>


            <nav id="mainnavigation" class="collapse navbar-collapse">
                



                

    <ul class="navbar-nav">
        
            
                    <li class="nav-item">
                        <a href="/quickstart" id="nav-item-34" class="nav-link" title="Quickstart">
                            
                            <span class="nav-link-text">Quickstart</span>
                        </a>
                        
                    </li>
                
        
            
                    <li class="nav-item">
                        <a href="/features" id="nav-item-3" class="nav-link" title="Features">
                            
                            <span class="nav-link-text">Features</span>
                        </a>
                        
                    </li>
                
        
            
                    <li class="nav-item active dropdown dropdown-hover">
                        <a href="/example" id="nav-item-26" class="nav-link dropdown-toggle" title="Examples" aria-haspopup="true" aria-expanded="false">
                            
                            <span class="nav-link-text">Examples</span>
                        </a>
                        
                            <ul class="dropdown-menu" aria-labelledby="nav-item-26">
                                
                                    
                                            <li>
                                                <a href="/example/login-form" class="dropdown-item" title="Login Form">
                                                    
                                                    <span class="dropdown-text">Login Form</span>
                                                </a>
                                            </li>
                                        
                                
                                    
                                            <li>
                                                <a href="/example/simple-form" class="dropdown-item" title="Simple Form">
                                                    
                                                    <span class="dropdown-text">Simple Form</span>
                                                </a>
                                            </li>
                                        
                                
                                    
                                            <li>
                                                <a href="/example/news" class="dropdown-item" title="News">
                                                    
                                                    <span class="dropdown-text">News</span>
                                                </a>
                                            </li>
                                        
                                
                                    
                                            <li>
                                                <a href="/example/downloads" class="dropdown-item active" title="Downloads">
                                                    
                                                    <span class="dropdown-text">Downloads <span class="visually-hidden">(current)</span></span>
                                                </a>
                                            </li>
                                        
                                
                                    
                                            <li>
                                                <a href="/example/custom-plugin" class="dropdown-item" title="Custom Plugin">
                                                    
                                                    <span class="dropdown-text">Custom Plugin</span>
                                                </a>
                                            </li>
                                        
                                
                                    
                                            <li>
                                                <a href="/example/dynamic-form" class="dropdown-item" title="Dynamic Form">
                                                    
                                                    <span class="dropdown-text">Dynamic Form</span>
                                                </a>
                                            </li>
                                        
                                
                            </ul>
                        
                    </li>
                
        
    </ul>



                



            </nav>
        
    </div>
</header>



    

    


    
    
        <nav class="breadcrumb-section" aria-label="Breadcrumb">
            <div class="container">
                <p class="visually-hidden" id="breadcrumb">You are here:</p>
                <ol class="breadcrumb">
                    
                        
                        
                        <li class="breadcrumb-item">
                            
                                    <a class="breadcrumb-link" href="/" title="Home">
                                        
    <span class="breadcrumb-link-title">
        
        <span class="breadcrumb-text">Home</span>
    </span>

                                    </a>
                                
                        </li>
                    
                        
                        
                        <li class="breadcrumb-item">
                            
                                    <a class="breadcrumb-link" href="/example" title="Examples">
                                        
    <span class="breadcrumb-link-title">
        
        <span class="breadcrumb-text">Examples</span>
    </span>

                                    </a>
                                
                        </li>
                    
                        
                        
                            
                        
                        <li class="breadcrumb-item active" aria-current="page">
                            
                                    
    <span class="breadcrumb-link-title">
        
        <span class="breadcrumb-text">Downloads</span>
    </span>

                                
                        </li>
                    
                    
                </ol>
            </div>
        </nav>
    




    <div id="page-content" class="bp-page-content main-section">
        <!--TYPO3SEARCH_begin-->
        

    

    <div class="section section-default">
        








        <div id="c131" class=" frame frame-default frame-type-text frame-layout-default frame-size-default frame-height-default frame-background-none frame-space-before-none frame-space-after-none frame-no-backgroundimage">
            <div class="frame-group-container">
                <div class="frame-group-inner">
                    



                    <div class="frame-container frame-container-default">
                        <div class="frame-inner">
                            
    
    



    

    
        <header class="frame-header">
            

    
            
                

    
            <h2 class="element-header ">
                <span>Download actions for Extbase, the Topwire way</span>
            </h2>
        



            
        



            



            



        </header>
    



    

    <p>Create the download in your Extbase actions and let the action return the file type you want (json in this example).</p>
<p>If you then create a link to this action with Topwire's view helpers, then the download just works, without having to add a page type with your plugin within TypoScript.</p>


    



    




                        </div>
                    </div>
                </div>
            </div>
        </div>

    











        <div id="c130" class=" frame frame-default frame-type-list frame-layout-default frame-size-default frame-height-default frame-background-none frame-space-before-none frame-space-after-none frame-no-backgroundimage">
            <div class="frame-group-container">
                <div class="frame-group-inner">
                    



                    <div class="frame-container frame-container-default">
                        <div class="frame-inner">
                            
    
    



    



    

    {"hello":"world"}


    



    




                        </div>
                    </div>
                </div>
            </div>
        </div>

    



    </div>

    


        <!--TYPO3SEARCH_end-->
    </div>

    <footer id="page-footer" class="bp-page-footer">
        



        
        

    <section class="section footer-section footer-section-meta">
        <div class="frame frame-background-none frame-space-before-none frame-space-after-none">
            <div class="frame-group-container">
                <div class="frame-group-inner">
                    <div class="frame-container frame-container-default">
                        <div class="frame-inner">
                            
                            
                                <div class="footer-info-section">
                                    
                                        <div class="footer-meta">
                                            

    <ul id="meta_menu" class="meta-menu">
        
            <li>
                <a href="/imprint" title="Imprint">
                    <span>Imprint</span>
                </a>
            </li>
        
            <li>
                <a href="/privacy" title="Data Protection Notice">
                    <span>Data Protection Notice</span>
                </a>
            </li>
        
    </ul>



                                        </div>
                                    
                                    
                                    
                                        <div class="footer-copyright">
                                            
<p>© Helmut Hummel</p>


                                        </div>
                                    
                                    
                                        <div class="footer-sociallinks">
                                            

    <div class="sociallinks">
        <ul class="sociallinks-list">
            
                
            
                
            
                
            
                
            
                
            
                
            
                
            
                
            
                
            
                
            
                
            
        </ul>
    </div>



                                        </div>
                                    
                                </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>



        



    </footer>
    
<a class="scroll-top" title="Scroll to top" href="#top">
    <span class="scroll-top-icon"></span>
</a>


    




</div>




</body>
</html>