JHU SOE Component Library

RFI Disclosure 

<div id="rfi_disclosure" class="rfi_disclosure_wrapper js-request" data-js-rfi-disclosure="rfi_disclosure">
    <div class="rfi_disclosure" data-js-disclosure>
        <div class="rfi_disclosure_inner">
            <div class="rfi_disclosure_top">
                <div class="fs-row">
                    <div class="fs-cell">
                        <button type="button" class="rfi_disclosure_button" data-js-disclosure-button aria-controls="rfi_disclosure__panel">
                            <span class="rfi_disclosure_button_inner">
                                <span class="rfi_disclosure_button_label">Request Information</span>
                                <span class="rfi_disclosure_button_icon"></span>
                            </span>
                        </button>
                    </div>
                </div>
            </div>

            <div class="rfi_disclosure_panel" data-js-disclosure-panel id="rfi_disclosure__panel" hidden>
                <div class="fs-row fs-lg-justify-center">
                    <div class="fs-cell fs-lg-8">
                        <div class="rfi_disclosure_panel_inner">
                            <div id="form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131">Loading...</div>
                            <script>
                                /*<![CDATA[*/
                                var script = document.createElement('script');
                                script.async = 1;
                                script.src = 'https://applygrad.jhu.edu/register/?id=c53cf8a9-5fe3-4632-a955-a3a2f16ae131&output=embed&div=form_c53cf8a9-5fe3-4632-a955-a3a2f16ae131' + ((location.search.length > 1) ? '&' + location.search.substring(1) : '');
                                var s = document.getElementsByTagName('script')[0];
                                s.parentNode.insertBefore(script, s); /*]]>*/
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <button type="button" class="rfi_disclosure_scroll_button" data-js-disclosure-scroll-btn="rfi_disclosure">
            <span class="rfi_disclosure_scroll_button_label">Request Information</span>
            <span class="rfi_disclosure_scroll_button_icon" aria-hidden="true">

                <svg class="icon icon_psychology">
                    <use href="/images/icons.svg#psychology" />
                </svg>

            </span>
            </a>
    </div>
</div>
 
{% set id = "rfi_disclosure" %}

<div id="{{ id }}" class="rfi_disclosure_wrapper js-request" data-js-rfi-disclosure="{{ id }}">
	<div class="rfi_disclosure" data-js-disclosure>
		<div class="rfi_disclosure_inner">
			<div class="rfi_disclosure_top">
				<div class="fs-row">
					<div class="fs-cell">
						<button
							type="button"
							class="rfi_disclosure_button"
							data-js-disclosure-button
							aria-controls="{{ id }}__panel"
						>
							<span class="rfi_disclosure_button_inner">
								<span class="rfi_disclosure_button_label">{{ title }}</span>
								<span class="rfi_disclosure_button_icon"></span>
							</span>
						</button>
					</div>
				</div>
			</div>

			<div
				class="rfi_disclosure_panel"
				data-js-disclosure-panel
				id="{{ id }}__panel"
				hidden
			>
				<div class="fs-row fs-lg-justify-center">
					<div class="fs-cell fs-lg-8">
						<div class="rfi_disclosure_panel_inner">
							{{ formScriptHtml }}
						</div>
					</div>
				</div>
			</div>
		</div>

		<button type="button" class="rfi_disclosure_scroll_button" data-js-disclosure-scroll-btn="rfi_disclosure">
			<span class="rfi_disclosure_scroll_button_label">Request Information</span>
			<span class="rfi_disclosure_scroll_button_icon" aria-hidden="true">
				{{ icon('psychology') }}
			</span>
		</a>
	</div>
</div>

No notes defined.