Navigation Menu

Available Modal Body Demos

Modal body configuration

Modal body is where you configure modal content to display. See below to a look at full set of parameters as TypeScript interface. Do note that some parameters are only usable based on content type. 
interface ModalBodyParams {
    noPadding?: boolean;
    contentType?: string,
    content?: string,
    iframeCode?: string,
    functionName?: Function | string,
    functionArguments?: any,
    ajaxParams?: AjaxParams,
    imageParams?: ImageParams,
    cssClass?: string,
    inlineStyles?: string,
    videoUrl?: string,
    maxHeight?: Dimension,
    templateId?: string;
    transformer?: Function | string | null;
}

interface AjaxParams {
    url: string,
    method: string,
    headers?: object,
    transformHtml?: Function | string | null,
    transformJson?: Function | string | null,
    contentDataType?: "html" | "json",
    timeoutMs: number,
    data: FormData | object | null,
    decodeParams?: boolean,
}

interface ImageParams {
    url: string,
    alt?: string,
    title?: string,
    caption?: string,
    cssClass?: string,
    inlineStyles?: string,
    captionTemplate?: string,
    captionCssClass?: string,
}

interface Dimension {
    value: number;
    unit: string;
}
Explore different content types from the sidebar.