Typo3

//ext_tables.sql
#
# Modifying pages table
#
CREATE TABLE pages (
    menuimage varchar(255) DEFAULT '',
    menuimagedescription varchar(255) DEFAULT '' NOT NULL
);

//------------------------------------------------------------------------------------------------------------------------
//ext_tables.php
<?php

$menuimage = array(
        'menuimage' => array (
                'exclude' => 0,
                'label' => 'LLL:EXT:parkside_pimper/Resources/Private/Language/locallang.xlf:pages.menuimage',
                'config' => array(
	                'type' => 'group',
	                'internal_type' => 'file',
	                'allowed' => 'gif,jpg,png',
	                'max_size' => 1000,
	                'uploadfolder' => 'fileadmin/images/navigation/menuimage/',
	                'show_thumbs' => 1,
	                'size' => 3,
	                'minitems' => 0,
	                'maxitems' => 1,
	                'autoSizeMax' => 10
        		)
        )
);

\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addTCAcolumns(
        'pages',
        $menuimage,
        1
);
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addFieldsToPalette(
        'pages',
        'visibility',
        'menuimage',
        'after:linkToTop'
);

$temporaryMenuDescription = array(
        'menuimagedescription' => array (
                'exclude' => 0,
                'label' => 'LLL:EXT:parkside_pimper/Resources/Private/Language/locallang.xlf:pages.menuimagedescription',
                'config' => array(
	                'type' => 'text',
	                'cols' => 40,
	                'rows' => 6,
        		),
		'defaultExtras' => 'richtext[]:rte_transform[mode=tx_examples_transformation-ts_css]'
		),

);

\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addTCAcolumns(
        'pages',
        $temporaryMenuDescription,
        1
);
\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addFieldsToPalette(
        'pages',
        'title',
        '--linebreak--,menuimagedescription',
        'after:subtitle'
);

//Resources/Private/Partials/DropdownNavigation.html

<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
	 xmlns:v="http://typo3.org/ns/FluidTYPO3/Vhs/ViewHelpers"
	 xmlns:flux="http://typo3.org/ns/FluidTYPO3/Flux/ViewHelpers"
	 xmlns:f="http://typo3.org/ns/fluid/ViewHelpers">
<f:layout name="Partial"/>

	<f:section name="DropdownNavigation">


		<v:page.menu entryLevel="{v:variable.typoscript(path: 'lib.menu.main.entryLevel')}" expandAll="FALSE" useShortcutUid="FALSE">
			<f:if condition="{menu}">
				<nav role="navigation" class="collapse navbar-collapse bs-js-navbar-collapse bs-navbar-collapse">
					<ul class="nav navbar-nav ">
						<f:for each="{menu}" as="menuPage" iteration="iteration">

							<li class="{menuPage.class}">

								<a tabindex="{iteration.cycle -> v:math.sum(b: 100)}" href="{menuPage.link}" class="{menuPage.class}" {f:if(condition: menuPage.hasSubPages, then: 'data-toggle="dropdown" data-target="#"')} >
			<!--Menu Image Code Start -->
			<f:if condition="{menuPage.menuimage}">
                		<f:then>
                  		<f:image src="fileadmin/images/navigation/menuimage/{menuPage.menuimage}" alt="{menuPage.title} menuimage" width="122c" height="111c"/>
                  		</f:then>
              		</f:if>
			<!--Menu Image Code End-->
			{f:if(condition: menuPage.nav_title, then: menuPage.nav_title, else: menuPage.title)}

			<!--Menu Description Code Start-->
			<f:if condition="menuPage.menuimagedescription">
                    		<f:then> {menuPage.menuimagedescription} </f:then>
                   		<f:else> {menuPage.title} </f:else>
                  	</f:if>
			<!--Menu Description Code Ends-->
								</a>
							</li>

						</f:for>
					</ul>
				</nav>
			</f:if>
		</v:page.menu>

	</f:section>
</div>