src/sap.ui.commons/src/sap/ui/commons/RoadMapRenderer.js
function(rm, oRoadMap, oStep, aAdditionalClasses, fAddAdditionalBoxContent, sId){
		rm.write("<li");
		if (sId) { //Write the given Id if available, otherwise use writeControlData
			rm.writeAttribute("id", sId);
		} else {
			rm.writeElementData(oStep);
		}
		var sStepName = getStepName(oRoadMap, oStep);
		oStep.__stepName = sStepName;
		var sTooltip = getStepTooltip(oStep);

		rm.addClass("sapUiRoadMapContent");
		rm.addClass("sapUiRoadMapStep");
		if (!oStep.getVisible()) {
			rm.addClass("sapUiRoadMapHidden");
		}
		if (oStep.getEnabled()) {
			if (oRoadMap.getSelectedStep() == oStep.getId()) {
				rm.addClass("sapUiRoadMapSelected");
			}
		} else {
			rm.addClass("sapUiRoadMapDisabled");
		}
		if (aAdditionalClasses) { //Write additional CSS classes if available
			for (var i = 0; i < aAdditionalClasses.length; i++) {
				rm.addClass(aAdditionalClasses[i]);
			}
		}
		rm.writeClasses();

		rm.write(">");

		renderAdditionalStyleElem(rm, sId ? sId : oStep.getId(), 1);

		rm.write("<div");
		rm.writeAttribute("id", (sId ? sId : oStep.getId()) + "-box");
		rm.writeAttribute("tabindex", "-1");
		rm.addClass("sapUiRoadMapStepBox");
		rm.writeClasses();
		rm.writeAttributeEscaped("title", sTooltip);

		writeStepAria(rm, oRoadMap, oStep, fAddAdditionalBoxContent ? true : false);

		rm.write("><span>");
		rm.write(sStepName);
		rm.write("</span>");

		//Call callback function to render additional content
		if (fAddAdditionalBoxContent) {
			fAddAdditionalBoxContent(rm, oRoadMap, oStep);
		}

		rm.write("</div>");

		rm.write("<label");
		rm.writeAttribute("id", (sId ? sId : oStep.getId()) + "-label");
		rm.addClass("sapUiRoadMapTitle");
		rm.writeAttributeEscaped("title", sTooltip);
		rm.writeClasses();
		rm.write(">");
		var sLabel = oStep.getLabel();
		if (sLabel) {
			rm.writeEscaped(sLabel);
		}
		rm.write("</label>");

		renderAdditionalStyleElem(rm, sId ? sId : oStep.getId(), 2);

		rm.write("</li>");
	}
function(rm, oRoadMap, oStep, aAdditionalClasses, fAddAdditionalBoxContent, sId){
		rm.write("<li");
		if (sId) { //Write the given Id if available, otherwise use writeControlData
			rm.writeAttribute("id", sId);
		} else {
			rm.writeElementData(oStep);
		}
		var sStepName = getStepName(oRoadMap, oStep);
		oStep.__stepName = sStepName;
		var sTooltip = getStepTooltip(oStep);

		rm.addClass("sapUiRoadMapContent");
		rm.addClass("sapUiRoadMapStep");
		if (!oStep.getVisible()) {
			rm.addClass("sapUiRoadMapHidden");
		}
		if (oStep.getEnabled()) {
			if (oRoadMap.getSelectedStep() == oStep.getId()) {
				rm.addClass("sapUiRoadMapSelected");
			}
		} else {
			rm.addClass("sapUiRoadMapDisabled");
		}
		if (aAdditionalClasses) { //Write additional CSS classes if available
			for (var i = 0; i < aAdditionalClasses.length; i++) {
				rm.addClass(aAdditionalClasses[i]);
			}
		}
		rm.writeClasses();

		rm.write(">");

		renderAdditionalStyleElem(rm, sId ? sId : oStep.getId(), 1);

		rm.write("<div");
		rm.writeAttribute("id", (sId ? sId : oStep.getId()) + "-box");
		rm.writeAttribute("tabindex", "-1");
		rm.addClass("sapUiRoadMapStepBox");
		rm.writeClasses();
		rm.writeAttributeEscaped("title", sTooltip);

		writeStepAria(rm, oRoadMap, oStep, fAddAdditionalBoxContent ? true : false);

		rm.write("><span>");
		rm.write(sStepName);
		rm.write("</span>");

		//Call callback function to render additional content
		if (fAddAdditionalBoxContent) {
			fAddAdditionalBoxContent(rm, oRoadMap, oStep);
		}

		rm.write("</div>");

		rm.write("<label");
		rm.writeAttribute("id", (sId ? sId : oStep.getId()) + "-label");
		rm.addClass("sapUiRoadMapTitle");
		rm.writeAttributeEscaped("title", sTooltip);
		rm.writeClasses();
		rm.write(">");
		var sLabel = oStep.getLabel();
		if (sLabel) {
			rm.writeEscaped(sLabel);
		}
		rm.write("</label>");

		renderAdditionalStyleElem(rm, sId ? sId : oStep.getId(), 2);

		rm.write("</li>");
	}
function ( rm , oRoadMap , oStep , aAdditionalClasses , fAddAdditionalBoxContent , sId ) { rm . write ( "<li" ) ; if ( sId ) { //Write the given Id if available, otherwise use writeControlData rm . writeAttribute ( "id" , sId ) ; } else { rm . writeElementData ( oStep ) ; } var sStepName = getStepName ( oRoadMap , oStep ) ; oStep . __stepName = sStepName ; var sTooltip = getStepTooltip ( oStep ) ; rm . addClass ( "sapUiRoadMapContent" ) ; rm . addClass ( "sapUiRoadMapStep" ) ; if ( ! oStep . getVisible ( ) ) { rm . addClass ( "sapUiRoadMapHidden" ) ; } if ( oStep . getEnabled ( ) ) { if ( oRoadMap . getSelectedStep ( ) == oStep . getId ( ) ) { rm . addClass ( "sapUiRoadMapSelected" ) ; } } else { rm . addClass ( "sapUiRoadMapDisabled" ) ; } if ( aAdditionalClasses ) { //Write additional CSS classes if available for ( var i = 0 ; i < aAdditionalClasses . length ; i ++ ) { rm . addClass ( aAdditionalClasses [ i ] ) ; } } rm . writeClasses ( ) ; rm . write ( ">" ) ; renderAdditionalStyleElem ( rm , sId ? sId : oStep . getId ( ) , 1 ) ; rm . write ( "<div" ) ; rm . writeAttribute ( "id" , ( sId ? sId : oStep . getId ( ) ) + "-box" ) ; rm . writeAttribute ( "tabindex" , "-1" ) ; rm . addClass ( "sapUiRoadMapStepBox" ) ; rm . writeClasses ( ) ; rm . writeAttributeEscaped ( "title" , sTooltip ) ; writeStepAria ( rm , oRoadMap , oStep , fAddAdditionalBoxContent ? true : false ) ; rm . write ( "><span>" ) ; rm . write ( sStepName ) ; rm . write ( "</span>" ) ; //Call callback function to render additional content if ( fAddAdditionalBoxContent ) { fAddAdditionalBoxContent ( rm , oRoadMap , oStep ) ; } rm . write ( "</div>" ) ; rm . write ( "<label" ) ; rm . writeAttribute ( "id" , ( sId ? sId : oStep . getId ( ) ) + "-label" ) ; rm . addClass ( "sapUiRoadMapTitle" ) ; rm . writeAttributeEscaped ( "title" , sTooltip ) ; rm . writeClasses ( ) ; rm . write ( ">" ) ; var sLabel = oStep . getLabel ( ) ; if ( sLabel ) { rm . writeEscaped ( sLabel ) ; } rm . write ( "</label>" ) ; renderAdditionalStyleElem ( rm , sId ? sId : oStep . getId ( ) , 2 ) ; rm . write ( "</li>" ) ; }
Writes the step HTML into the rendermanger
Writes the step HTML into the rendermanger