file Data Html

<div id="driveImage_{=imageId}" class="imageItem" fileId="{=imageId}"> <input class="imageCheckbox" type="checkbox"/> <div class="thumbImageHolder"> <img class="thumbImage" src="/storage/getStorageImage.cmd?id={=imageId}&thumb=true"/> </div> <div class="fileName">{=imageName}</div> </div> <div id="unsplashImage_{=imageId}" class="imageItem unsplash-img" fileId="{=imageId}"> <input class="imageCheckbox" type="checkbox"/> <div class="thumbImageHolder"> <img class="thumbImage" src={=imageUrl} download="{=downloadLink}" insertUrl="{=insertUrl}"> </div> <div class="author"> <div class="portfolioUrlWrap" style="display:none"> <a href="{=portfolioUrl}" target="_blank" class="portfolioUrl">{=userName}</a> </div> </div> </div>

template button <div name="{=name}" class="ui_button ui_component {=className}" value="{=value}" unselectable="on"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=view}</span></a> </div> template taborder span <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=value}</span></a> template taborder <a class="tab_order" name="tab_order" unselectable="on"></a> template selectbox <a class="tab_order" name="tab_order" unselectable="on"></a> {=value} <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> template selectbox option <div {if itemId}id="selectbox_option_{=itemId}"{/if} class="selectbox_option" style="{=style}" value="{=value}" unselectable="on" role="option" {if itemId}aria-labelledby="selectbox_option_view_{=itemId}"{/if}> <a class="tab_order" name="tab_order" unselectable="on"><span {if itemId}id="selectbox_option_view_{=itemId}"{/if} unselectable="on">{=view}</span></a> </div> template slider <div class="slider_btn_minus" unselectable="on"><a class="tab_order" name="tab_order" unselectable="on">-</a></div> <div class="slider_btn_plus" unselectable="on"><a class="tab_order" name="tab_order" unselectable="on">+</a></div> <div class="slider_handle_zone" unselectable="on"><div class="slider_handle" unselectable="on">^</div></div> template checkbox <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">{=value}</div> template radio <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="radio" unselectable="on"></div> <div class="radio_label" unselectable="on">{=value}</div> template contextmenu item <div class="contextmenu_item" unselectable="on"> <div id="{=id}" data-ncode="{=ncode}" class="ui_component ui_button contextmenu_name" title="{=title}" fileid="{=fileId}" ownerid="{=ownerId}" owneridx="{=ownerIdx}" shareno="{=shareNo}" owneridcnum="{=ownerIdc}" subpath="{=subPath}" unselectable="on"><a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=viewTitle}</span></a></div> </div> template tree folder <div class="folder {=parent} {=className}" id="{=id}" root="{=root}" path="{=path}" unselectable="on"> <div class="item" unselectable="on"> <div class="overlap_icon"></div> <span class="expand_btn" unselectable="on">{=taborder}</span> <span class="label" title="{=title}" unselectable="on"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=title}</span></a> </span> </div> <div class="children" unselectable="on"></div> </div> template tree folder item <div class="overlap_icon"></div> <span class="expand_btn" unselectable="on">{=taborder}</span> <span class="label" title="{=title}" unselectable="on"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=title}</span></a> </span> template list content <div class="list_content" type="{=type}" folderId="{=id}" path="{=path}" unselectable="on"> <a class="tab_order" name="tab_order" unselectable="on"> {=columns} </a> </div> template list column <div class="list_column {=className}" title="{=title}" unselectable="on"><span unselectable="on">{=name}</span></div> template palette color btn <div name="palette_color_btn" class="ui_button ui_component palette_color_btn {=className} themeCode_{=themeCode} lumOff_{=lumOff} lumMod_{=lumMod}" style="background-color:{=rgbColor}" title="{=title}" value="{=rgbColor}" code="{=themeCode}" lumOff="{=lumOff}" lumMod="{=lumMod}" unselectable="on"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on"></span></a> </div> template readonly share message area <div class="column icon" unselectable="on"></div> <div id="another_save_message" class="message column" style="display:none" unselectable="on"> This document has been edited by another user.{=naverNick}({=sharedUserId}) saved before<span title='{=saveTime}'>{=saveBefore}</span> </div> <div id="edit_available_share_message" class="message column" style="display:none" unselectable="on"> There is no user editing document and you can edit now. Click Edit to start editing. </div> template spell check suggest item <div name="spell_check_suggest_item" class="ui_button ui_component cmd_select spell_check_suggest_item" value="{=word}" title="{=word}" unselectable="on" setValueMsg="SET_VALUE_BUTTON"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=viewWord}</span></a> </div> template custom font item <div fontId="{=fontId}" class="font_info_tooltip_{=fontId} font_info_tooltip hide ui_button"> <table cellpadding='0' cellspacing='0' width='100%' border='0' class="tooltip_info_tbl"> <tr> <td colspan='2'> <b>{=fontName}</b> </td> <tr> <td width='10px'> <b>·</b> </td> <td> {=summaryDesc} </td> </tr> <tr> <td width='10px'> <b>·</b> </td> <td> 사용범위 : {=licenseType} </td> </tr> <tr> <td width='10px'> <b>·</b> </td> <td> 개발사 : {=developCompanyName} <span id="go_font_dev_company" url='{=developCompanySite}' target='_blank' class="ui_button go_font_dev_company"><u>공식 웹사이트</u></span> </td> </tr> </table> </div> <div class="custom_font_item holder custom_font_item_{=fontId} {=line2Font} {=display}" fontId="{=fontId}"> <div class="thumbnailPh {=fontId} {=selected}"> <div id='font_selected' class="selectedIcon column ui_button ui_component"></div> <div id='font_thumbnail' class="font_thumbnail font_thumbnail_{=fontId} ui_button ui_component column" style='background-image:url({=thumbnail});' fontId="{=fontId}" fontName="{=fontName}"> </div> <div class="info_fixed"> <span class="popular_wrap column"> <em>인기</em> <span class="popular"> <span style="width:{=popularity}%"></span> </span> </span> <span class="source column"> <em>|</em> <span>평점</span><strong>{=score}</strong> <em>|</em> </span> <a href="{=download_url}" target="_blank" class="ico_downPh column" onClick="javascript:util.setNClick('fta.down')"> <div class="ico_down column"> <span class="ico_down_label">다운로드</span> </div></a> </div> </div> </div> template selected font list <div class="fontListPh"> <div class="fontName {=fontId} {=fontSize} {=delayFont}" style="{=fontFamily}"> <div class="fontNameLoading"></div> <span class="selectedFontName">{=fontName}</span> </div> <div id="delete-selected-font" fontId="{=fontId}" class="deleteIcon ui_button" data-ncode="fta.del"></div> </div> template custom font paging <div class="fontPagingPh"> {=paging} </div> template resize handle <div id="webkitResizeHandle" class="webkitResizeLayout"> <div class="webkitResizePh"> <div posX="left" posY="top" class="resizePh handle left top"></div> <div class="resizePh center top"> <div posX="center" posY="top" class="handle"></div> </div> <div posX="right" posY="top" class="resizePh handle right top"></div> <div class="resizePh handle left middle"> <div posX="left" posY="middle" class="handle"></div> </div> <div class="resizePh right middle"> <div posX="right" posY="middle" class="handle"></div> </div> <div posX="left" posY="bottom" class="resizePh handle left bottom"></div> <div class="resizePh center bottom"> <div posX="center" posY="bottom" class="handle"></div> </div> <div posX="right" posY="bottom" class="resizePh handle right bottom"></div> </div> </div> template revision preview <iframe id="revision_preview_iframe" width="100%" height="100%"></iframe> template resize element handle <div id="resizeElementHandle" class="resizeElementLayout"> <div class="resizeElementPh"> <div posX="left" posY="top" class="resizePh handle left top"></div> <div class="resizePh center top"> <div posX="center" posY="top" class="handle"></div> </div> <div posX="right" posY="top" class="resizePh handle right top"></div> <div class="resizePh handle left middle"> <div posX="left" posY="middle" class="handle"></div> </div> <div class="resizePh right middle"> <div posX="right" posY="middle" class="handle"></div> </div> <div posX="left" posY="bottom" class="resizePh handle left bottom"></div> <div class="resizePh center bottom"> <div posX="center" posY="bottom" class="handle"></div> </div> <div posX="right" posY="bottom" class="resizePh handle right bottom"></div> </div> </div> template comment panel <div id='{=id}' class='comment_dialog_panel {=className}' position='{=position}' commentid='{=commentId}' tabindex="-1"> <div class='comment_dialog_wrap{=isInsert}'></div> <div class='comment_dialog_wrap2'> <textarea class='c_textarea' tabindex="0" name='cTextarea' maxlength='140'>{=txtReply}</textarea> <div class="comment_email_container"> <div class="comment_email"> </div> </div> <div class='comment_dialog_btn_panel' name='commentDialogBtnPanel'> <div class='comment_btn ui_button ui_component accent normal len3 off' name='commentBtn' tabindex="0"> {=btnComment} </div> <div class='comment_cancel_btn ui_button normal len3' data-ncode="com.tcancel" name='commentCancelBtn' tabindex="0"> Cancel </div> </div> </div> <div id="commentCaretOuter" class="comment_caret_outer"></div> <div id="commentCaretInner" class="comment_caret_inner"></div> <div name='modalLayerDeleteNoti' class='modal_layer delete_noti'> <div class='modal_layer_btn_wrap'> <div class='modal_layer_label delete_noti'>You can't reply as the comment<br/>is deleted or completed.</div><br> <div class='comment_delete_noti_btn ui_button ui_component normal len3' name='commentDeleteNotiBtn'>OK</div> </div> </div> <div name='modalLayer' class='modal_layer first'> <div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'> <div id='modalLayerLabel' class='modal_layer_label'>{=btnDeleteReply}</div><br> <div id='commentDeleteConfirmBtn' class='comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">Yes</div> <div id='commentDeleteCancelBtn' class='comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</div> </div> </div> </div> template comment item <div class='comment_dialog_item {=className}' name='commentDialogItem' commentorder='{=commentOrder}'> <div name='modalLayer' class='modal_layer'> <div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'> <div id='modalLayerLabel' class='modal_layer_label'>{=btnDeleteReply}</div><br> <div id='commentDeleteConfirmBtn' class='comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">Yes</div> <div id='commentDeleteCancelBtn' class='comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</div> </div> </div> <div class='comment_dialog_high'> <div class='comment_user_image {=userNameColor}' style="{=userImageStyle}"></div> <div class="comment_dialog_top_middle"> <div class='comment_user_name' title='{=userName}'>{=userName}</div> <div class='comment_date'>{=commentTs}</div> </div> <div class="comment_dialog_top_right"> <div name='commentComplate' class='comment_complate ui_button small len4 accent' data-ncode="com.tend" tabindex="0" > Complete </div> <div name='commentModify' class='comment_modify ui_button ui_component' tabindex="0" setvaluemsg='SET_VALUE_BUTTON'> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Edit</span></a> </div> <div name='commentDelete' class='comment_delete ui_button ui_component' tabindex="0" setvaluemsg='SET_VALUE_BUTTON'> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Delete</span></a> </div> </div> </div> <div class='comment_dialog_middle'> <textarea name='commentTextarea' class='comment_textarea' setvaluemsg='SET_VALUE_INPUTBOX' maxlength='140'> </textarea> <div class="comment_email_container"> <div class="comment_email comment_gnb_email"> </div> </div> <div class='comment_text_label text_selectable'>{=content}</div> <div name='commentShowMore' class="comment_show_more ui_button ui_component" setvaluemsg="SET_VALUE_BUTTON"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">더보기</span></a> </div> <div name='commentShowLess' class="comment_show_less ui_button ui_component" setvaluemsg="SET_VALUE_BUTTON"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">간략히</span></a> </div> </div> <div class='comment_dialog_low'> <div name='commentSaveBtn' class='comment_save_btn ui_button normal len3 accent ui_component' setvaluemsg='SET_VALUE_BUTTON' tabindex="0" > Save </div> <div name='commentSaveCancelBtn' class='comment_save_cancel_btn ui_button normal len3' setvaluemsg='SET_VALUE_BUTTON' tabindex="0" > Cancel </div> </div> </div> template all comment panel <div id='{=id}' name='allCommentPanel' class='all_comment_panel {=className}' position='{=position}' commentid='{=commentId}' value="{=position}"> <div class='all_comment_left_panel'> <div class='all_comment_image ui_button' data-ncode="all.pic" style="{=userImageStyle}"></div> </div> <div class='all_comment_right_panel'> {=itemHtml} </div> <div id='allCommentInputArea{=itemIdx}' class='all_comment_input_area {=resolved}'> <div class='all_comment_user_image' style="{=inputAreaUserImageStyle}"></div> <textarea tabindex="0" class="all_cTextarea" maxlength="140">Reply...</textarea> <div class="comment_email_container"> <div class="comment_email comment_gnb_email"> </div> </div> <div id='allCommentBtnPanel{=itemIdx}' class='all_comment_btn_panel' name='allCommentBtnPanel'> <div name='allCommentInputBtn' class='all_comment_input_btn ui_button ui_component normal len3 accent off' data-ncode="all.din" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">Reply</div> <div name='allCommentCancelBtn' class='all_comment_cancel_btn ui_button ui_component normal len3 accent' data-ncode="all.dcancel" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">Cancel</div> </div> </div> </div> template all comment first item <div class='all_comment_right_item {=className}' commentorder='{=commentOrder}'> <div id='allCommentInfo' class='all_comment_info'> <div name='modalLayer' class='modal_layer'> <div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'> <div id='modalLayerLabel' class='modal_layer_label'>Delete selected comment?</div><br> <div id='allCommentDeleteConfirmBtn' class='all_comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">Yes</div> <div id='allCommentDeleteCancelBtn' class='all_comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</div> </div> </div> <div class='all_comment_high'> <div class='comment_user_name' title='{=userName}'>{=userName}</div> <div name='commentReopen' class ='comment_reopen ui_button ui_component' data-ncode="all.reopen" setvaluemsg='SET_VALUE_BUTTON' tabindex="0" style="{=reopenStyle}"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Reopen</span></a> </div> <div class ='comment_date'>{=commentTs}</div> </div> <div class='all_comment_middle'> <div class='all_comment_content text_selectable'>{=content}</div> <textarea tabindex="0" class="all_comment_textarea" maxlength="140"> </textarea> <div class="comment_email_container"> <div class="comment_email comment_gnb_email"> </div> </div> </div> <div class='all_comment_low'> <div id='allCommentModify' class= 'all_comment_modify ui_button ui_component' data-ncode="all.tmodify" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Edit</span></a> </div> <div id='allCommentDelete' class = 'all_comment_delete ui_button ui_component' data-ncode="all.tdel" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Delete</span></a> </div> <div id='allCommentResolve' class = 'all_comment_resolve ui_button ui_component' data-ncode="all.tend" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Complete</span></a> </div> </div> <div class='all_comment_modify_btn_panel'> <div name='allCommentSaveBtn' class='all_comment_save_btn ui_button ui_component normal len3 accent' setvaluemsg='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Save</span></a> </div> <div name='allCommentSaveCancelBtn' class='all_comment_save_cancel_btn ui_button ui_component normal len3' setvaluemsg='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Cancel</span></a> </div> </div> </div> </div> template all comment item <div class='all_comment_right_item {=className}' commentorder='{=commentOrder}'> <div name='modalLayer' class='modal_layer'> <div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'> <div id='modalLayerLabel' class='modal_layer_label'>Delete selected reply?</div><br> <div id='allCommentDeleteConfirmBtn' class='all_comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">Yes</div> <div id='allCommentDeleteCancelBtn' class='all_comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</div> </div> </div> <div class='all_comment_user_image' style="{=userImageStyle}"></div> <div id='allCommentInfo' class='all_comment_info'> <div class='all_comment_high'> <div class='comment_user_name' title='{=userName}'>{=userName}</div> <div class='all_comment_content text_selectable'>{=content}</div> </div> <div class='all_comment_middle'> <textarea tabindex="0" class="all_comment_textarea" maxlength="140"> </textarea> <div class="comment_email_container"> <div class="comment_email comment_gnb_email"> </div> </div> </div> <div class='all_comment_low'> <div class ='comment_date'>{=commentTs}</div> <div id='allCommentModify' class= 'all_comment_modify ui_button ui_component' data-ncode="all.dmodify" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Edit</span></a> </div> <div id='allCommentDelete' class = 'all_comment_delete ui_button ui_component' data-ncode="all.ddel" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Delete</span></a> </div> </div> <div class='all_comment_modify_btn_panel'> <div name='allCommentSaveBtn' class='all_comment_save_btn ui_button ui_component normal len3 accent' setvaluemsg='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Save</span></a> </div> <div name='allCommentSaveCancelBtn' class='all_comment_save_cancel_btn ui_button ui_component normal len3' setvaluemsg='SET_VALUE_BUTTON' tabindex="0"> <a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>Cancel</span></a> </div> </div> </div> </div> template comment email item <div class="comment_email_item" email="{=email}"> {=nameNemail} </div> template send comment email <div style="max-width:679px;padding:40px 0px 0px 0px;font-family:나눔고딕, 맑은 고딕, 돋움;background-color:white;"> <div style='padding-bottom: 10px;background-color:#FFFFFF;border-bottom:3px solid #666666'> <div style="float: right;margin-top: 2px;font-size: 14px;">></div> <a href="{=shareUrl}" target="_blank" style="color:#000"> <div style="float: right;text-decoration: underline;margin-top: 2px;font-size: 14px;"> Go check the document </div> </a> </div> <div style="background-color:#FFFFFF;padding:23px 0px 0px 0px;float:left;"> {=contents} </div> <div style="text-align:center;padding:27px 0px 10px 0px;height:157px;font-size:11px;color:#FFFFFF;clear:both;"> <div style="text-align:center;border-top:3px solid #666666;padding:25px 0px 12px 0px;margin:0px auto;"> <div style="color:#AAAAAA;">You cannot reply to this mail. Please contact <a href='{=customerCenter}' style='color:#666'p target='p_blank'>Customer Center</a> for more inquiries and comments.</div> </div> </div> </div> template send comment email item <div style="padding:12px 0 0 0;float:left;width:100%"> <div style="width:32px;height:37px;float:left;background-image: url({=profileUrl});background-repeat: no-repeat;background-size: cover;background-position: center center;"></div> <div style="max-width:635px;margin: 0 0 0 44px;"> <div style="max-width:635px;font-size:13px;font-weight:bold;">{=userId}</div> <div style="max-width:635px;font-size:12px;">{=content}</div> </div> </div> template comment panel fold <div name='commentPanelFold' class="comment_panel_fold ui_button ui_component" data-ncode="com.dshow" setvaluemsg="SET_VALUE_BUTTON"> <a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">{=showRepliesContent}</span></a> </div> <div class="template_card_item" cardId="{=cardId}"> <div class="template_thumb_ppt"></div> <div class="template_desc_wrap"> <div class="template_card_title">{=title}</div> <div class="template_card_description">{=description}</div> <div class="flex template_card_model_wrap"> <div class="flex"> <div class="icon {=model}"></div> <div class="template_card_model">{=modelText}</div> </div> </div> </div> </div> 폼 메시지 <div class="themeMessageArea holder"> <div class="column themeLabel">{=theme_info_title} : </div> <div class="column themeName">{=theme} {=theme_notation}</div> <div class="column themeArrow">  >  </div> <div class="column themePreview ui_button" name="menu_preview" data-ncode="edt.preview" tabindex='0'>{=theme_info_preview}</div> </div> 아이템 디스플레이 <div class="formItem {=required} {=dragType}" dragType="{=dragType}" dragX="yes" itemId="{=itemId}" id="formItem_{=itemId}"> </div> 아이템 디스플레이 <div class="pageBreakInfo"></div> {=pageInfoLayer} <div class="itemOptionPh displayModeOption holder"> <div class="itemEditBtnPh holder"> <div class='itemEditMenu holder'> <div menu="editItem" class="itemEditBtn column ui_focusable" data-ncode="edt.edtbutton" role="button" title="Edit" tabindex="0"> </div> <div menu="duplicateItem" class="itemDuplicateBtn column ui_focusable" data-ncode="edt.copybutton" role="button" title="Duplicate" tabindex="0"> </div> <div menu="deleteItem" class="itemDeleteBtn column ui_focusable" data-ncode="edt.deletebutton" role="button" title="Delete" tabindex="0"> </div> </div> <div class="itemUpDownPh holder"> <div menu="moveItemUp" class="itemUpBtn ui_focusable" data-ncode="edt.up" role="button" title="Up" tabindex="0"> </div> <div menu="moveItemDown" class="itemDownBtn ui_focusable" data-ncode="edt.down" role="button" title="Down" tabindex="0"> </div> </div> </div> <div class="title"> <div> <span class="edit_page_title">{=title}</span><span class="requiredMark">✱</span> </div> <span class="quiz-score-wrap svg-ico"></span> </div> <div class="description holder hide">{=description}</div> {=requiredCheckCount} <div class="itemOptions">{=itemOptions}</div> </div> 인포 옵션 컨테이너 <div class="option_body"> {=date} </div> <div id="infoRequired"> '<span class="requiredMark">✱</span>'Indicates required fields. </div> 인포 옵션 날짜 <div class="optionDate date {=class}"> <span> <b>Response period</b> : {=startDate} ~ {=endDate} </span> </div> 텍스트 옵션 컨테이너 <div class="option_body"> <div disabled class="ui_input_disable textFieldSize"></div> </div> 페이지 나누기 옵션 디스플레이 <div class="pageSelector holder"> <div class="column addNextPageButton"> <div id="pageMoveButtonCheck_{=itemId}" name="pageMoveButtonCheck_{=itemId}" class="pageMoveButtonCheck pageMoveButtonCheck_{=itemId} ui_active ui_radio ui_component" value="nextPage" setvaluemsg="SET_VALUE_RADIO"> <div class="radio" unselectable="on"></div> <span class="span_label radio_label"> <div class="column insertNextPageButton"> <img src="/form/images/insertNextPageButton_en.jpg" class="column buttonImage"><div class="column insertLabel">Insert button : </div> </div> </span> </div> </div> {=pageSelect} <div class="column label">Go to</div> <div class="column addSubmitButton"> <div id="pageMoveButtonCheck_{=itemId}" name="pageMoveButtonCheck_{=itemId}" class="pageMoveButtonCheck pageMoveButtonCheck_{=itemId} ui_active ui_radio ui_component" value="submitPage" setvaluemsg="SET_VALUE_RADIO"> <div class="radio" unselectable="on"></div> <span class="span_label radio_label"> <div class="column insertSubmitButton"> <img src="/form/images/insertSubmitButton_en.jpg" class="column buttonImage"><div class="column insertLabel">Insert button</div> </div> </span> </div> </div> </div> 아이템 편집 {=pageInfoLayer} <div class="itemEditModePh"> <div class="itemEditMenuPh"> <div class='itemEditMenu holder'> <div menu="editItem" class="itemEditBtnSelect column ui_focusable" data-ncode="edt.edtbutton" role="button" title="Edit" tabindex='0'> </div> <div menu="duplicateItem" class="itemDuplicateBtn column ui_focusable" data-ncode="edt.copybutton" role="button" title="Duplicate" tabindex='0'> </div> <div menu="deleteItem" class="itemDeleteBtn column ui_focusable" data-ncode="edt.deletebutton" role="button" title="Delete" tabindex='0'> </div> <div class="requiredPh column"> <div id="required" name="required" role="checkbox" class="required ui_checkbox disable ui_component ui_active ui_focusable" tabindex='0' aria-label="Set as required item" value="1" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="edt.require"> <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">Set as required item</div> </div> </div> </div> <div class="itemUpDownEditPh holder"> <div menu="moveItemUp" class="itemUpBtn ui_focusable" data-ncode="edt.up" role="button" title="Up" tabindex="0"> </div> <div menu="moveItemDown" class="itemDownBtn ui_focusable" data-ncode="edt.down" role="button" title="Down" tabindex="0"> </div> </div> </div> <div class="itemTitlePh holder"> <div class="column label"> {if titleLabel} {=titleLabel} {else} Item Title {/if} </div> <div class="column input-wrap"> <input type="text" id="title" title="Item Title" name="title" class="itemTitle ui_inputbox ui_component ui_focusable" {=customAttribute} setvaluemsg="SET_VALUE_INPUTBOX"> <label for="title" style="display: none;">Item Title</label> </div> </div> <div class="itemDescriptionPh holder"> <div class="label"> {if descriptionLabel} {=descriptionLabel} {else} Description {/if} </div> <div class="input-wrap"> {=description} <div class="synap_editor_wrapper description ui_active"> <div id="synapeditor_description"></div> </div> <label for="description" style="display: none;">Description</label> </div> </div> <div class="itemTypePh holder"> <div class="itemType column"> <div class="column label">Type</div> <div class="column"> {=itemType} </div> <div class="column fieldSizePh"> <div class="column fieldSizeLabel"> {=fieldSizeLabel} </div> <div class="column fieldSizeSelect"> <div class="holder" role="radiogroup" aria-label="Size"> {=fieldSize} </div> </div> <div class="column multipleAnswersPh"> {=multipleAnswers} </div> </div> <div class="column datetimePh"> <div class="column useTimePh"> {=dateUseTime} </div> <div class="column lunarPh hide"> {=dateLunar} </div> </div> </div> <div class="pageMoveOption column"> {=pageMoveOption} </div> <div class="optionAlign column"> <div id="optionAlignCheck" name="optionAlignCheck" class="optionAlignCheck ui_checkbox disable ui_component ui_focusable" style='width:200px;' value="horizontal" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" role="checkbox" tabindex="0" aria-label="Horizontal alignment" aria-checked="false" > <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">Horizontal alignment</div> </div> </div> <div class="retypeCheckPh column"> {=retypeCheck} </div> <div class="quiz-setting-wrap column"> <div id="quiz-setting" class="quiz-setting ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.quiz-setting" role="checkbox" tabindex="0" aria-label="Quiz Mode" aria-checked="false" > <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">Quiz Mode</div> </div> </div> <div class="randomRenderOption-wrap column"> <div id="randomRenderOption" class="randomRenderOption ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.randomRenderOption" role="checkbox" tabindex="0" aria-label="Random Options" aria-checked="false" > <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">Random Options</div> </div> </div> <div style="clear: both"></div> <div id="attachmentTypeDescription"></div> </div> <div class="requiredCheckCountPh holder"> <div class="column"> <div class="column label">Number of required selection</div> <div class="column"> <div class='selectBox column'>{=minCheckCount}</div> <div class='rangeMark column'> ~ </div> <div class='selectBox column'>{=maxCheckCount}</div> </div> <div class="column requiredCheckMsg"></div> </div> </div> <div class="itemOptionsPh"> <div class="quiz-mode"> <div class="quiz-mode-description"> <span>Please select the correct answer below.</span> <div class="tooltip"> <span class="quiz-guide guide ui_quiz ui_button tooltip-icon" id="quiz-guide">?</span> <div class="tooltiptext {=type}"> <img src="{=quizGuideImgSrc}"/><br> <div class="guide-wrap singleChoice selectBox"> <p>1. Enter your score for the question.</p> <p>2. Click the radio button to select the option that will be the correct answer.</p> </div> <div class="guide-wrap multipleChoice"> <p>1. Enter your score for the question.</p> <p>2. Select the option that will be the correct answer by clicking the checkbox.</p> </div> <div class="guide-wrap grid"> <p>1. Click a radio button to select the option that will be the correct answer for that row.</p> <p>2. Please enter the score for that row.</p> <p>3. The total score is the sum of the scores of all rows.</p> </div> </div> </div> </div> <div class="score-wrap"> <span class="score-text">points</span> <span class="grid-score-text">total score</span> <input type="text" class="ui_inputbox quiz-score ui_focusable" maxlength="{=quizMaxLength}" oninput="this.value=this.value.replace(/[^0-9]/g, '');" id="quiz-score" placeholder="0" title="points"/> <span>point</span> </div> </div> <div class="itemOptions holder"></div> </div> <div class="quiz-explanation"> <div class="column label">Answer explanation</div> <div class="column quiz-explanation-input-wrap"> <textarea name="quizExplanation" maxlength="{=quiz_explanation_maxlength}" class="quiz-explanation-input ui_component ui_inputbox" placeholder="{=quiz_explanation_placeholder}">{=quizExplanation}</textarea> </div> </div> <div class="itemInfoPh"> <div class="holder itemInfoUseDatePh"> </div> </div> <div class="itemEditConfirmPh holder"> <div menu="confirmEdit" class="editConfirmBtn ui_button normal confirm_button ui_focusable" data-ncode="edt.confirm" role="button" aria-label="OK" tabindex="0">OK</div> </div> </div> 페이지 이동 체크 버튼 <div id="pageMoveCheckBtn" name="pageMoveCheckBtn" class="pageMoveCheckBtn ui_checkbox disable ui_component ui_focusable" style='width:200px;' value="1" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" role="checkbox" tabindex="0" aria-label="Move to page based on answers" aria-checked="false" > <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">{=pageMoveCheckLabel}</div> </div> 페이지 나누기 인포 레이어 <div class="pageBreakInfoLayer"> <div class="column pageInfo">{=pageInfo}</div> <div class="column pageBreakLine"></div> </div> 스타일 세팅 메뉴 <div class="block"> <div class="column"> <div id="{=fontFamilyId}" name="{=fontFamilyId}" style="{=cssText}" class="ui_selectbox ui_component menu_fontface font_face ui_focusable" tabindex="0" title="Font" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode='esl.select'> <div class="selectbox_value_area"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="selectbox_value" value=""><span></span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> </div> <div class="selectbox_layer"></div> </div> </div> <div class="column"> <div id="{=sizeId}" name="{=sizeId}" style="{=cssText}" class="ui_selectbox ui_component ui_focusable" tabindex="0" title="Font Size" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode='esl.size'> <div class="selectbox_value_area"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="selectbox_value" value=""><span></span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> </div> <div class="selectbox_layer"></div> </div> </div> <div class="column"> <div id="{=sizeUpId}" name="{=sizeUpId}" class="fontSizeUp styleBtn ui_button ui_focusable" tabindex="0" data-ncode='esl.bigger' role="button" title="Increase Font Size"></div> </div> <div class="column"> <div id="{=sizeDownId}" name="{=sizeDownId}" class="fontSizeDown styleBtn ui_button ui_focusable" tabindex="0" data-ncode='esl.smaller' role="button" title="Decrease Font Size"></div> </div> </div> <div class="column"> <div id="{=boldId}" name="{=boldDownId}" class="boldBtn fontStyle styleBtn ui_button ui_focusable" role="button" aria-pressed="false" tabindex="0" data-ncode='esl.bold' title="Bold"></div> </div> <div class="column"> <div id="{=italicId}" name="{=italicId}" class="italicBtn fontStyle styleBtn ui_button ui_focusable" role="button" aria-pressed="false" tabindex="0" data-ncode='esl.italic' title="Italic"></div> </div> <div class="column"> <div id="{=underlineId}" name="{=underlineId}" class="underlineBtn fontStyle styleBtn ui_button ui_focusable" role="button" aria-pressed="false" tabindex="0" data-ncode='esl.underline' title="Underline"></div> </div> <div class="column"> <div id="{=colorId}" name="{=colorId}" class="colorBtn ui_colorbtn ui_focusable" tabindex="0" title="Font Color"> <div class="colorbtn_holder styleBtn" data-ncode='esl.color'></div> </div> </div> <div class="column"> <div id="{=borderColorId}" name="{=borderColorId}" class="colorBtn ui_colorbtn hide ui_focusable" tabindex="0" title="Line Color"> <div class="colorbtn_holder" data-ncode='esl.color'></div> </div> </div> <div class="column"> <div class="verticalLine"></div> </div> <div class="column label">Opacity</div> <div class="column"> <div id="{=opacityId}" name="{=opacityId}" class="ui_slider column" tabindex="0" min="0" max="1" step="0.01" pos="1" setvaluemsg="SET_VALUE_SLIDER"> <div class="slider_btn_minus"><a class="tab_order" name="tab_order">-</a></div> <div class="slider_btn_plus"><a class="tab_order" name="tab_order">+</a></div> <div class="slider_handle_zone"><div class="slider_handle ui_focusable" aria-label='Opacity'>^</div></div> </div> </div> <div class="column"> <div id="opacity_stepper" class="ui_stepper" tabindex="0" min="0" max="100" step="1" value="100"> <div class="stepper_value_area"> <div class="stepper_value" value="100" unit="%"><span>100%</span></div> </div> </div> <input type="hidden" id="{=borderBottomId}" name="{=borderBottomId}" class="ui_inputbox" setvaluemsg="SET_VALUE_INPUTBOX"> <input type="hidden" id="{=backgroundColorId}" name="{=backgroundColorId}" class="ui_inputbox" setvaluemsg="SET_VALUE_INPUTBOX"> 아이템 유형 컨테이너 <div id="itemTypeSelectBox" name="itemTypeSelectBox" class="itemTypeSelectBox ui_selectbox ui_component ui_active ui_focusable" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode="edt.select" role="button" tabindex="0" aria-label="Type" aria-haspopup="true" aria-expanded="false" aria-controls="itemTypeSelectBoxLayer" > <div class="selectbox_value_area"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="selectbox_value" value=""><span></span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> </div> <div id="itemTypeSelectBoxLayer" class="selectbox_layer" role="listbox"></div> </div> 아이템 유형 컨테이너 모바일 <select id="itemTypeSelectBox" name="itemTypeSelectBox" class="ui_mobile ui_component ui_mobile_selectbox"> </select> 최소 확인 컨테이너 <div id="minCheckSelectBox" name="minCheckSelectBox" class="minCheckSelectBox ui_selectbox ui_component ui_active ui_focusable" setvaluemsg="SET_VALUE_SELECTBOX" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Number of required selection Min" tabindex="0" > <div class="selectbox_value_area"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="selectbox_value" value=""><span></span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> </div> <div class="selectbox_layer" maxcount="20"></div> </div> 최대 확인 컨테이너 <div id="maxCheckSelectBox" name="maxCheckSelectBox" class="maxCheckSelectBox ui_selectbox ui_component ui_active ui_focusable" setvaluemsg="SET_VALUE_SELECTBOX" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Number of required selection Max" tabindex="0" > <div class="selectbox_value_area"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="selectbox_value" value=""><span></span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> </div> <div class="selectbox_layer" maxcount="20"></div> </div> 텍스트 편집 컨테이너 <input type='hidden' name='fieldSize' value='{=fieldSize}' class="ui_component" style='display:none;'> <div class="editBody holder"> <div class="ui_input_disable textFieldSize"> Answer</div> </div> <div style='clear:both;'></div> 단일 선택형 편집 라디오 <div name="itemOptionRadio" id="itemOptionRadio" style="width: 20px !important; height: 20px;" class="itemOptionRadio ui_radio ui_component column ui_focusable" setvaluemsg="SET_VALUE_RADIO" role="radio" aria-checked="false" aria-label="Option" tabindex="0" > <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="radio" unselectable="on"></div> </div> 복수 선택형 편집 체크박스 <div id="itemOptionCheckbox" style="width: 20px !important; height: 20px;" class="itemOptionCheckbox column ui_checkbox ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" role="checkbox" aria-checked="false" aria-label="Option" tabindex="0" > <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> </div> 선택 편집 옵션 <div class="itemOptionCont dragOption"> <div class="column dragOptionBtn" dragX="yes" dragType="dragOption" aria-label="옵션 드래그"></div> <div class="option-wrap"> {=checkMark} {=inputbox} {=imageButtonMobile} <div> {=pageMoveOption} </div> <div> {=imageButton} </div> <div> <a href="javascript:void(0);" menu='deleteOption' class='deleteOption column ui_button ui_focusable' role="button" aria-label="Delete"></a> </div> <div class="holder"> {=imageOptionData} </div> </div> </div> 선택 편집 옵션 모바일 <div class="itemOptionCont"> <table cellpadding='0' cellspacing='0' width='100%' border='0'> <tr> <td class="checkMarkPh"> {=checkMark} </td> <td style='position:relative;'> {=inputbox} </td> <td class="deleteOptionPh"> {=imageButtonMobile} <a href="javascript:void(0);" menu='deleteOption' class='deleteOption column ui_button' aria-label="Delete" data-ncode-m="fed.optdel"> </a> </td> </tr> </table> {=imageOptionData} <input type='hidden' name='pageMoveSelect' value='{=pageMoveSelect}' class='ui_component'> </div> 옵션 추가 홀더 <div class="addOptionHolder flex"> <div class="flex"> {=checkMark} <div menu='addOption' class='addOption column ui_input_disable ui_inputLabel ui_focusable' role="button" aria-label="Click to add" tabindex="0">Click to add</div> <div class='column addOptionEtc'>or <span menu='addOptionEtc' class='addOptionEtcLabel ui_focusable' role="button" aria-label="Add 'Other'" tabindex="0">Add 'Other'</span></div> </div> <div class="ai-option-wrap"> <div menu='addOptionByAi' class="round-button flex" title="AI에 요청하여 옵션을 추가할 수 있습니다."> <div menu='addOptionByAi' class="svg-ico icon ai">AI로 옵션 추가</div> <div menu='addOptionByAi'>AI로 옵션 추가</div> </div> <div class="ai-option-result-wrap ui_active"></div> </div> </div> 기타 옵션 추가 홀더 <div class="holder optionEtcLayer"> {=checkMark} <div class='column optionEtcPh ui_inputLabelEtc'>Other : </div> <div class="column"> <div class="optionEtc ui_input_disable ui_component ui_inputbox" id="optionEtc" name="optionEtc"></div> </div> <div class="column"> {=pageMoveOption} </div> <div class="column"> <a href="javascript:void(0);" menu='deleteOption' role="button" aria-label="Other Delete" class='deleteOption column ui_button ui_focusable'></a> </div> <input type='hidden' name='optionEtc' class="ui_component"> <input type='hidden' name='pageMoveSelect' value='{=pageMoveSelect}' class="ui_component"> </div> 이미지 옵션 버튼 <div menu="imageOptionButton" name="imageOptionButton" data-option-id="{=dataOptionId}" data-ncode="{=ncode}" class="ui_component cmd_toggle ui_button column imageOptionButton ui_focusable" role="button" aria-label="이미지 옵션" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-controls="insertImageLayer" > </div> 이미지 옵션 버튼 모바일 <div class="imageOptionButtonPh" aria-label="이미지 옵션"> <input type="file" title="파일" accept=".jpg, .jpeg, .gif, .bmp, .png, .heic" class="imageOptionFile"/> <div class="imageOptionIcon"></div> </div> 이미지 옵션 데이터 <div class="holder itemImagePh {=hide}"> <img class="imageResource" src="{=imageSrc}" /> <div id="image_option_delete_image" menu="imageDeleteOption" aria-label="Delete" data-option-id="{=dataOptionId}" data-ncode="{=ncodeDelete}" name="image_option" class="image_option imageDeleteOption ui_button"></div> <div class="image-crop-wrapper"> <div id="image_option_crop_image" menu="imageCropOption" aria-label="Edit" data-option-id="{=dataOptionId}" data-ncode="{=ncodeDelete}" name="image_option" class="image_option imageCropOption ui_button hide"></div> </div> <div id="image_option_text_place" menu="imageTextPlaceOption" data-option-id="{=dataOptionId}" name="image_option" class="image_option ui_button imageTextPlaceOption" style="display:none">옵션 설명 위치</div> <input type="hidden" id="{=id}" name="{=id}" value="{=value}" class="ui_inputbox ui_component imageValue" setvaluemsg="SET_VALUE_INPUTBOX"> <input type="hidden" id="{=textPlaceId}" name="{=textPlaceId}" value="{=textPlaceValue}" class="ui_inputbox ui_component textPlaceValue" setvaluemsg="SET_VALUE_INPUTBOX"> </div> 이미지 옵션 데이터 모바일 <div class="holder itemImagePh {=hide}"> <img class="imageResource" src="{=imageSrc}" /> <a href="javascript:void(0);" id="image_option_delete_image" menu="imageDeleteOption" aria-label="Delete" data-option-id="{=dataOptionId}" data-ncode="{=ncodeDelete}" data-ncode-m="{=ncodeDeleteM}" name="image_option" class="image_option imageDeleteOption ui_button"></a> <div id="image_option_text_place" menu="imageTextPlaceOption" data-option-id="{=dataOptionId}" name="image_option" class="image_option ui_button imageTextPlaceOption" style="display:none">옵션 설명 위치</div> <input type="hidden" id="{=id}" name="{=id}" value="{=value}" class="ui_inputbox ui_component imageValue" setvaluemsg="SET_VALUE_INPUTBOX"> <input type="hidden" id="{=textPlaceId}" name="{=textPlaceId}" value="{=textPlaceValue}" class="ui_inputbox ui_component textPlaceValue" setvaluemsg="SET_VALUE_INPUTBOX"> </div> 선호도형 편집 컨테이너 <div class="scaleEditPh holder"> <div id="scaleEditLabel" class="column label">Specify grade range</div> <div class='column inputLabel'>{=minLabel}</div> <div class='selectBox column'>{=minScale}</div> <div class='rangeMark column'> ~ </div> <div class='selectBox column'>{=maxScale}</div> <div class='column inputLabel'>{=maxLabel}</div> </div> 날짜 시간 디스플레이 <div class="column dateInput"> {=dateInput} </div> <div class="column lunarInput {=lunarShow}"> <div class="column lunarSelect"> {=lunarSelect} </div> </div> <div class="column timeInput {=timeShow}"> <div class="column hourSelect"> {=hourSelect} </div> <div class="column hourLabel" aria-label="{=hourLabel}"> {=hourLabel} </div> <div class="column minuteSelect"> {=minuteSelect} </div> <div class="column minuteLabel" aria-label="{=minuteLabel}"> {=minuteLabel} </div> </div> 전화번호 디스플레이 <div class="phoneItemOptions" role="group" aria-labelby="{=ariaLabelledby}"> <div class="phoneInputPh"> <div> {=phoneInput1} </div> <div class="phoneDelim"> - </div> <div> {=phoneInput2} </div> <div class="phoneDelim"> - </div> <div> {=phoneInput3} </div> </div> <div class="retypeInputPh {=retypeDisplay}"> <div class="retypeLabel">Please enter it again to confirm.</div> <div class="phoneInputPh"> <div> {=phoneInput1_retype} </div> <div class="phoneDelim"> - </div> <div> {=phoneInput2_retype} </div> <div class="phoneDelim"> - </div> <div> {=phoneInput3_retype} </div> </div> <div class="error-message"> </div> <div> </div> 이메일 디스플레이 <div class="emailItemOptions" role="group" aria-labelby="{=ariaLabelledby}"> <div> {=emailInput} </div> <div class="retypeInputPh {=retypeDisplay}" > <div class="retypeLabel">Please enter it again to confirm.</div> {=emailInput_retype} <div class="error-message hide"> </div> </div> </div> 개인 정보 수집 항목 디스플레이 <div class="privacyItemOptions" role="group" aria-labelby="{=ariaLabelledby}"> <div class="privacyOption"> <label>Collection items</label> {=itemInput} </div> <div class="privacyOption"> <label>Collection Purpose</label> {=purposeInput} </div> <div class="privacyOption"> <label>Storage period<label> {=periodInput} </div> <div class="privacyOption"> {=checkboxInput} </div> </div> O/X 디스플레이 <div class="oxItemOptions" role="group"> <div class="ox_button_holder o"> {=option_o} </div> <div class="ox_button_holder x"> {=option_x} </div> </div> 주소 디스플레이 <div class="holder"> <div class="holder"> <div class="column zipCode"> {=zipCode1} </div> </div> <div> {=addressLine1} </div> <div> {=addressLine2} </div> </div> 선호도형 응답 레이아웃 <div class="scaleResponseLayout"> <table class="scaleResponseTable {=tableLength}" cellpadding='0' cellspacing='0' border='0' role="radiogroup" aria-labelledby="formItemHeader_title_{=itemId} formItemHeader_description_{=itemId}"> <tr> <td> </td> {=optionLabels} <td> </td> <tr> <td id="min_label_{=itemId}" class="scaleLabel minLabel" aria-label="{=minAriaLabel}"> <div>{=minLabel}</div> </td> {=optionValues} <td id="max_label_{=itemId}" class="scaleLabel maxLabel" aria-label="{=maxAriaLabel}"> <div>{=maxLabel}</div> </td> </tr> </table> </div> 선호도형 응답 옵션 레이블 <td id="option_label_{=itemId}_{=idx}" class="optionLabel" aria-label="{=optionLabel}"> {=optionLabel} </td> 선호도형 응답 옵션 값 <td class="optionValue"> <div id="{=radioname}" name="{=radioname}" style="width:20px;display:inline-block;" class="{=radioname} {=className} ui_radio ui_component" value="{=value}" setvaluemsg="SET_VALUE_RADIO" role="radio" tabindex="{=tabindex}" aria-label="{=ariaLabel}" title="{=title}" aria-checked="false"> <a class="tab_order" name="tab_order" unselectable="on"></a> {=mobileSafariATagStart}<div class="radio" unselectable="on"></div>{=mobileSafariATagEnd} <div class="radio_label" unselectable="on"></div> </div> </td> 선호도형 디스플레이 컨테이너 <div class="scaleTemplate holder"> <div class="minLabel column"> <div class="labelContent"> <div>{=minLabel}</div> </div> </div> <div class="scaleList column"> {=options} </div> <div class="maxLabel column"> <div class="labelContent"> <div>{=maxLabel}</div> </div> </div> <div style='clear:both;'></div> </div> 선호도형 디스플레이 옵션 <div class="scaleOptions column"> <div class="scaleLabel"> {=label} </div> <div class="scaleRadio"> <div id="{=radioname}" name="{=radioname}" style="width:20px;" class="{=radioname} {=className} ui_radio ui_component" value="{=value}" setvaluemsg="SET_VALUE_RADIO"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="radio" unselectable="on"></div> <div class="radio_label" unselectable="on"></div> </div> </div> </div> 선호도형 디스플레이 옵션 모바일 <div class="scaleOptions"> <div class="scaleLabel" id="scaleOptions_label_{=itemId}" aria-label="{=minAriaLabel} {=minScale} ~ {=maxScale} {=maxAriaLabel}"> {=minLabel} {=minScale} ~ {=maxScale} {=maxLabel} </div> {=scaleOptions} </div> 단일 선택형 옵션 라디오 <div class="optionPh itemOptionCont"> <div name="{=radioname}" class="{=className} ui_radio ui_component ui_radio_uncheckable" value="{=value}" setvaluemsg="SET_VALUE_RADIO" role="radio" aria-labelledby="radio_label_{=mixId}" aria-checked="false" tabindex="{=tabindex}"> <div class="optionTextHolder"> <div class="radio" unselectable="on"></div> <div> <span id="radio_label_{=mixId}" class="radio_label optionLabel">{=mobileSafariATagStart}{=label}{=mobileSafariATagEnd}</span> </div> </div> <div class="image-wrapper"> <img class="{=hide} imageResource" src="{=imageSrc}" /> <div class="btn preview" menu="preview"></div> </div> </div> </div> 복수 선택형 옵션 체크박스 <div class="optionPh itemOptionCont"> <div id="{=checkboxname}" name="{=checkboxname}" style='width:20px;' class="{=className} ui_checkbox disable ui_component" value="{=value}" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" role="checkbox" tabindex="0" aria-labelledby="checkbox_label_{=mixId}" aria-checked="false"> <div class="optionTextHolder"> <div class="checkbox" unselectable="on"></div> <div> <span id="checkbox_label_{=mixId}" class="checkbox_label optionLabel">{=mobileSafariATagStart}{=label}{=mobileSafariATagEnd}</span> </div> </div> <div class="image-wrapper"> <img class="{=hide} imageResource" src="{=imageSrc}" /> <div class="btn preview" menu="preview"></div> </div> </div> </div> 기타 레이블 디스플레이 옵션 <div class="holder etcOptionDisplay"> <div id="{=name}" name="{=name}" etc='true' style='width:20px;' class="etcCheckMark {=className} disable ui_component" value="{=value}" setvaluemsg="{=setvaluemsg}" checked="false" aria-checked="false"> <table cellpadding='0' cellspacing='0' border='0' class='tblOptionPh'> <tr valign='middle'> <td width='20px'> <div class="{=checkMark}" unselectable="on"></div> </td> <td> <span {if labelId}id="{=labelId}"{/if} class="span_label {=checkMark}_label optionLabel">{=mobileSafariATagStart}Other{=mobileSafariATagEnd} :</span> </td> </tr> </table> <div class="etcOption"> <input title="Other" type="text" id="etc_text" name="etc_text" maxlength="100" value="{=etc_text}" menu="{=etcInputMenu}" class="etc_inputbox ui_inputbox ui_component {=inputClassName}" setvaluemsg="SET_VALUE_INPUTBOX" aria-labelledby="formItemHeader_title_{=itemId} formItemHeader_description_{=itemId} {=labelId}"> </div> </div> </div> 기타 레이블 편집 <div class="holder optionPh"> <div id="{=name}" name="{=name}" etc='true' style='width:20px;' class="etcCheckMark {=className} disable ui_component" value="{=value}" setvaluemsg="{=setvaluemsg}" checked="false"> <table cellpadding='0' cellspacing='0' border='0' class='tblOptionPh'> <tr valign='middle'> <td width='20px'> <div class="{=checkMark}" unselectable="on"></div> </td> <td> <span class="span_label {=checkMark}_label optionLabel">Other :</span> </td> </tr> </table> <div class="etcOption"> <div class="optionEtc ui_input_disable"></div> </div> </div> </div> 표형 디스플레이 옵션 <div id="{=radioname}" name="{=radioname}" {=customAttribute} style='width:20px !important;' class="{=className} ui_radio ui_component" value="{=value}" setvaluemsg="SET_VALUE_RADIO" role="radio" aria-labelledby="gridRowHeader_{=itemId}_{=rowIdx} gridColHeader_{=itemId}_{=colIdx}" aria-checked="false" tabindex="{=tabindex}"> <a class="tab_order" name="tab_order" unselectable="on"></a> {=mobileSafariATagStart}<div class="radio" unselectable="on"></div>{=mobileSafariATagEnd} <span class="span_label radio_label" unselectable="on">{=label}</span> </div> 주소 템플릿 설명 편집 <div class="holder"> <div class="column"> {=inputbox} </div> <div menu="confirmAddressEdit" class="column addressTemplateEditBtn ui_button normal len4">OK</div> </div> 폼 템플릿 인풋 <div class="hide text">{=value}</div> <input {=disabled} autoComplete="off" {=readOnly} title="{=title}" menu="{=menu}" type="{if inputType}{=inputType}{else}text{/if}" id="{=id}" name="{=id}" {=customAttribute} value="{=value}{=initValue}" class="{=className} ui_inputbox ui_component ui_focusable" style="{=cssStyle}" setvaluemsg="SET_VALUE_INPUTBOX" placeholder="{=placeholder}" aria-labelledby="{=ariaLabelledby}" {=ariaLabel} {=oninput} {if maxLength}maxlength={=maxLength}{/if}> 폼 템플릿 라디오 <div id="{=radioId}" name="{=radioname}" {=customAttribute} style='width:20px;' class="{=className} ui_radio ui_component ui_focusable" value="{=value}" setvaluemsg="SET_VALUE_RADIO" title="{=title}" role="radio" aria-checked="false" tabindex="0" aria-label="{=label}" > <div class="radio" unselectable="on"></div> <span class="radio_label" unselectable="on">{=label}</span> </div> 폼 템플릿 체크박스 <div id="{=checkboxname}" name="{=checkboxname}" class="{=className} ui_checkbox ui_component ui_focusable {=checkClass}" style="{=cssStyle}" value="{=value}" setvaluemsg="SET_VALUE_CHECKBOX" checked="{=checked}" role="checkbox" tabindex="0" aria-label="{=label}" aria-checked="{=checked}" > <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">{=label}</div> </div> 폼 템플릿 셀렉트박스 <div id="{=id}" name="{=id}" style="{=cssText}" class="{=className} ui_selectbox ui_component ui_focusable" title="{=title}" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode="{=ncode}" role="button" aria-haspopup="true" aria-expanded="false" tabindex="0" {=ariaLabelledby}"> <div class="selectbox_value_area"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="selectbox_value" value=""><span {if itemId}id="selectbox_value_{=itemId}"{/if}>{=value}</span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on" ></div> </div> </div> <div class="selectbox_layer" role="listbox" maxcount="7"></div> </div> 폼 템플릿 라디오 기본 <div class="optionPh itemOptionCont" data-type="radio"> <label for="{=radioId}" class="inputLabel {=radioname}"> <div class="holder"> <div class="{=checkSpacer} holder"></div> <input type="radio" id="{=radioId}" name="{=radioname}" {=customAttribute} class="{=className}" value="{=value}" {=checked} setvaluemsg="SET_VALUE_RADIO" data-ncode-m="{=ncode}"/> <div class="radioMark column" data-ncode-m="{=ncode}" role="radio" aria-labelledby="radio_label_{=itemId} {=ariaLabelledby}" tabindex="0" aria-checked="false"></div> <div class="checkLabel" {if itemId}id="radio_label_{=itemId}"{/if} aria-label="{=ariaLabel}">{=label}</div> </div> </label> <span class="{=hide}"> <img class="imageResource {=imageSpacer}" src="{=imageSrc}" {=imageClickMenu} /> </span> {=etc_label} </div> 폼 템플릿 체크박스 기본 <div class="optionPh itemOptionCont" data-type="checkbox"> <label for="{=checkboxId}" class="inputLabel {=checkboxname} "> <div class="holder"> <div class="{=checkSpacer} holder"></div> <input type="checkbox" id="{=checkboxId}" name="{=checkboxname}" {=customAttribute} class="{=className} ui_component" value="{=value}" {=checked} setvaluemsg="SET_VALUE_CHECKBOX" /> <div class="checkboxMark column" data-ncode-m="{=ncode}" role="checkbox" {if itemId}aria-labelledby="checkbox_label_{=itemId}"{/if} tabindex="0" {=checked} aria-checked="false"></div> <div class="checkLabel {=labelClassName}" {if itemId}id="checkbox_label_{=itemId}"{/if} aria-label="{=ariaLabel}">{=label}</div> </div> </label> <span class="{=hide}"> <img class="imageResource {=imageSpacer}" src="{=imageSrc}" {=imageClickMenu} /> </span> {=etc_label} </div> 폼 템플릿 셀렉트박스 기본 <select id="{=id}" name="{=id}" class="{=className}" {=customAttribute} setvaluemsg="SET_VALUE_SELECTBOX"> {=options} </select> 폼 템플릿 첨부 기본 <div menu="toggleAttachmentLayer" id="attachmentButton" class="{=className}" itemId="{=itemId}" data-ncode="{=layer_ncode}" data-ncode-m="{=layer_ncode}" role="button" aria-haspopup="menu" {if itemId}aria-labelledby="formItemHeader_title_{=itemId} formItemHeader_description_{=itemId} attachmentButton_label_{=itemId}"{/if} tabindex="0"> <img src="/form/images/{=btn_icon}.png" class="column"/> <div id="attachmentButton_label_{=itemId}" class="attachment_btn_text" aria-label="{=attachmentLabel}">{=attachmentLabel}</div> </div> <div class="responseAttachmentPh hide"> <img id="form_template_image_{=itemId}" class="response_img {=hide_img}" src="/images/blank.gif"/> <div id="form_template_file_{=itemId}" class="response_file {=hide_file}"></div> <input type="hidden" id="attachment_url_{=itemId}" class="attachment_url ui_component ui_inputbox" /> <input type="hidden" id="attachment_id_{=itemId}" class="attachment_id ui_component ui_inputbox" /> <a href="javascript:void(0);" id="form_template_del_attachment_{=itemId}" menu="removeResponseAttachment" itemId="{=itemId}" class="response_attachment_delete ui_button" data-ncode="{=del_ncode}" data-ncode-m="{=del_ncode}"></a> </div> 폼 템플릿 셀렉트박스 기본 옵션 <option {=selected} value='{=value}' {=customAttribute}>{=option}</option> 폼 경고 메시지 영역 <div id="warning_message_area"> <div class="left_area" unselectable="on"> <div class="column icon" unselectable="on"></div> <div class="column message">{=message}</div> </div> </div> 폼 이미지 옵션 레이어 템플릿 <ul role="menu"> <li role="menuitem" id="image_option_insert_image_pc" name="image_option" class="image_option ui_button ui_component" title="Insert PC Image" tabindex="0"> Insert PC Image </li> <li role="menuitem" id="image_option_insert_image_ndrive" name="image_option" class="image_option ui_button ui_component onlyKo" title="Insert Synap Cloud Image" value="NDriveImageOption" tabindex="0"> Insert Synap Cloud Image </li> <li role="menuitem" id="image_option_insert_image_unsplash" name="image_option" class="ui_component ui_button" title="Insert Stock Image" tabindex="0"> Insert Stock Image </li> <li role="menuitem" id="attachAiImage" class="buttonPh attachImage clipboard lpad4 ui_component ui_button" data-ncode="edit.fimgai" title="Insert Image with AI" tabindex="0"> <div id="aiImageButtonPlaceholder">Insert Image with AI</div> </li> <li role="menuitem" id="attachClipboardImage" class="buttonPh attachImage clipboard lpad4 ui_component ui_button" data-ncode="edit.fimgcap" title="Insert Captured Image" tabindex="0"> <div id="clipboardButtonPlaceholder">Insert Captured Image</div> </li> </ul> 아이템 응답 <div class="formItem"> <div class="formItemHeader"> <div class="title holder"> <div id="formItemHeader_title_{=itemId}" class="formItemHeader_title_{=itemId} flex quiz-title"> <div class="form-title-wrap"> <span id="formItemHeader_text_{=itemId}" role="heading" aria-level="2">{=title}</span> <span id="formItemHeader_requiredMark_{=itemId}" class="requiredMark">✱</span> </div> <span id="formItemHeader_score_{=itemId}" class="quiz-score-wrap flex">{=score}</span> </div> </div> <div id="formItemHeader_description_{=itemId}" class="description" aria-label="{=descriptionLabel}"> {=description} </div> <div class="image-wrapper"> {=mainImage} <div class="btn preview" menu="preview"></div> </div> {=requiredCheckCount} </div> {=hasResponse} <div class="itemOptions itemOptionPh displayModeOption holder">{=itemOptions}</div> {=quizExplanation} </div> 필수항목 체크 카운트 <div class="requiredCheckCount">{=requiredCheckCount}</div> 폼 인포 <div class="formInfo"> <div class="mobileTheme"> <div class="title"> <div class="conferenceTitle">{=conferenceTitle}</div> <span role="heading" aria-level="1">{=title}</span> <span class="quizTotalScore hide"></span> </div> </div> <div class="formSubInfo itemOptionPh hide"> <div class="description" aria-label="{=descriptionText}"><span>{=description}</span></div> <div class="image-wrapper"> {=mainImage} <div class="btn preview" menu="preview"></div> </div> <div class="date" > <span>Response period : {=startDate} - {=endDate}</span> </div> <div class="required"><div class="column requiredMark" aria-label="∗">✱</div> <span aria-label="Indicates required fields.">Indicates required fields.</span></div> </div> </div> <div class="finishInfoPh"> <input type="password" style="display: block; width:0px; height:0px; border: 0;"> <div class="line"></div> <div class="finishIcon"></div> <div class="finishMessage">{=finishMessage}</div> <span class="quizTotalScore hide"></span> </div> <div class="finishInfoPh"> <div class="buttonPh flex form-result-button-wrap"> <div menu="goServiceHome" class="common-white-button" title="Home" data-ncode-m="sbm.result.go.home"> 홈으로 </div> <div menu="viewSummaryBtn" class="viewSummaryBtn common-white-button" title="View Response Result" data-ncode-m="sbm.result"> View Response Result </div> <div menu="anotherResponse" title="Send other responses" class="anotherResponseBtn common-white-button" data-ncode-m="rsd.another"> Send other responses </div> <div class="event-share-wrap flex" style="width: fit-content"> <div class="svg-ico sns-icon facebook" onclick="clickSocial('facebook')"></div> <div class="svg-ico sns-icon kakaotalk" onclick="clickSocial('kakaotalk')"></div> </div> </div> </div> <div id="quizResult" class="quizResult"></div> <div class="form-promotion-container hide"> <a href="/event?sourceId=formPromotionCenter" target="_blank"> <img class="top-wrap" /> </a> <div class="bottom-wrap"></div> </div> <div class="form-promotion-container-right hide"> <a href="/event?sourceId=formPromotionRight" target="_blank"> <img class="top-wrap" /> </a> <div class="bottom-wrap"></div> </div> <div class="formVoteLogin"> <div class="description hide">투표에 참여하기 위하여 다음 정보를 입력해 주세요.</div> <span class="loginWrap"> <div class="label voteName">이름</div> <div class="voteName input_area"><input type='text' id='voteName' name='voteName'></div> </span><br> <span class="loginWrap holder"> <div class="birth-wrap"> <div class="label"> 생년월일 <div class="birth-example">(ex)19780101</div> </div> <div class="birth input_area"><input type='text' id='birth' name='birth' class='birth'></div> </div> <br> <div class="gender-wrap"> <div class="label">성별</div> <div class="gender input_area"> <div class="gender male column"> <label for="voteGenderMale" class="inputLabel voteGender"> <div class="holder"> <div class=" holder"></div> <input type="radio" id="voteGenderMale" name="voteGender" class="ui_component ui_radio_mobile ui_mobile" value="male" setvaluemsg="SET_VALUE_RADIO"> <div class="radioMark column"></div> <div class="checkLabel">남자</div> </div> </label> </div> <div class="gender female column"> <label for="voteGenderFemale" class="inputLabel voteGender"> <div class="holder"> <div class=" holder"></div> <input type="radio" id="voteGenderFemale" name="voteGender" class="ui_component ui_radio_mobile ui_mobile" value="female" setvaluemsg="SET_VALUE_RADIO"> <div class="radioMark column"></div> <div class="checkLabel">여자</div> </div> </label> </div> </div> </div> </span><br> <span class="loginWrap"> <div class="label voteName">핸드폰 번호</div> <div class="phoneNumber input_area"> <input type='text' id='votePhoneNumber1' name='phoneNumber1'> - <input type='text' id='votePhoneNumber2' name='phoneNumber2'> - <input type='text' id='votePhoneNumber3' name='phoneNumber3'> </div> </span> <div id="go_vote_button" class="ui_button go_vote_button ui_component"> 투표하러 가기 </div> </div> 문의 테마 끝 <div class="finishBodyLayout"> <div class="formInfo"> <div class="title"> <a href="#" onClick="javascript:return false;" title="{=titleText}"></a> <span>{=title}</span> <span class="quizTotalScore hide"></span> </div> <div class="formSubInfo"> <a href="#" onClick="javascript:return false;" title="{=descriptionText}"></a> <div class="description">{=description}</div> <div class="date"> <span>Response period : {=startDate} - {=endDate}</span> </div> </div> </div> <div class="finishInfoPh"> <input type="password" style="display: block; width:0px; height:0px; border: 0;"> <div class="line"></div> <div class="finishMessage">{=finishMessage}</div> <span class="quizTotalScore hide"></span> <div class="buttonPh"> <button menu="viewSummaryBtn" class="viewSummaryBtn" title="View Response Result"></button> <button menu="anotherResponse" class="anotherResponseBtn" data-ncode="rsd.another"></button> </div> </div> <div id="quizResult" class="quizResult"></div> </div> 커스텀 스타일 <style> div { font-size:24px !important; } </style> 요약 구분선 <div class="horizontalRulePh"> <div class="line"> </div> </div> 요약 페이지 <ul class="pageBreakPh"> <li class="pageTitle">{=title}</li> <li class="pageDescription">{=desc}</li> <li>{=image}</li> </ul> 요약 섹션 <ul class="sectionPh"> <li class="sectionTitle"><div><span>{=title}</span></div></li> <li class="sectionDescription">{=desc}</li> <li>{=image}</li> </ul> 요약 설문 <ul> <li class="questionTitle"><div class='titlePh'>{=title}</div></li> <li class="questionDescription"><div>{=desc}</div></li> <li>{=image}</li> <div class="itemOptions"></div> </ul> 응답 추이 그래프 <div class="summaryTimestampHeader"> Response trend graph </div> <ul> <div class="timestamp-header"> <div class="timestamp-header-item response-rate-wrapper invisible"> <div class="timestamp-header-item-rate"> <div class="timestamp-header-item tooltip"> <span class="tooltip-icon">?<span> <div class="tooltiptext">{=tooltiptext}</div> </div> <div class="timestamp-header-item"> {=responseRate}: <span class="response-rate"></span>% </div> </div> </div> <div class="timestamp-header-item timestamp-date-wrapper"> <div class="timestamp-header-checkbox"> <input type="checkbox" id="timestamp-checkbox" class="timestamp-checkbox timestamp-header-item"/> <label for="timestamp-checkbox" class="timestamp-checkbox timestamp-header-item">{=hourlyChart}</label> </div> </div> </div> <div class="itemOptions"></div> </ul> 응답 요약보기 {=responses} <div class="{=navPositionPh}"> {=pageNav} </div> 요약 페이지 nav <div class="movePageButtonPh"> <div id='prevResponse' class='movePage ui_button {=navPosition}' data-ncode='{=prevNcode}' data-ncode-m='{=prevNcodeM}'> <div class='move-icon'></div> <div>이전</div> </div> <div id='currPage' class='currPage'> <strong>{=currPage}</strong> / {=totalResponse} </div> <div id='nextResponse' class='movePage ui_button {=navPosition}' data-ncode='{=nextNcode}' data-ncode-m='{=nextNcodeM}'> <div>다음</div> <div class='move-icon'></div> </div> </div> 모바일 테마 스타일 .{0}Theme .formInfo .title{ {1} } /** css delimeter **/ .{0}Theme .formInfo .date span{ {2} } /** css delimeter **/ .{0}Theme .formSubInfo{ {3} } /** css delimeter **/ .{0}Theme .requiredMark{ {4} } /** css delimeter **/ .{0}Theme .formItem.sectionHeader .title span{ {5} } /** css delimeter **/ .{0}Theme .formItem.sectionHeader .description{ {6} } /** css delimeter **/ .{0}Theme .mobileTheme{ background-color: #DDDDDD; position:relative; top:-2px; } /** css delimeter **/ .{0}Theme .formInfo .mobileThemeHeader{ {7} background:url(images/mobile/{0}_bkImg02.png) repeat-x top center; -webkit-background-size : 640px auto; } /** css delimeter **/ .{0}Theme .formItem .itemOptions .line{ {8} } /** css delimeter **/ .{0}Theme #formBody{ background:url(images/mobile/{0}_bkImg03.png) repeat top center !important; -webkit-background-size : 640px auto !important; } /** css delimeter **/ .lang_{10}.{0}Theme #pageNav .submitBtn{ width:100px; height:37px; top:0px; background:url(images/mobile/{0}_submit{9}.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .lang_{10}.{0}Theme #pageNav .previousBtn{ width:80px; height:37px; background:url(images/mobile/default_preview{9}.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .lang_{10}.{0}Theme #pageNav .nextBtn{ width:80px; height:37px; background:url(images/mobile/default_next{9}.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .{0}Theme .zipCodeSearchBtn{ width:80px !important; height:33px !important; display: flex; align-items: center; justify-content: center; } /** css delimeter **/ .{0}Theme .radioMark{ background: url(images/mobile/{0}_radio_off.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .{0}Theme .ui_radio_mobile:checked + .radioMark { background: url(images/mobile/{0}_radio_on.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .{0}Theme .checkboxMark{ background: url(images/mobile/{0}_checkbox_off.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .{0}Theme .ui_checkbox_mobile:checked + .checkboxMark { background: url(images/mobile/{0}_checkbox_on.png) no-repeat; -webkit-background-size : 100%; } /** css delimeter **/ .{0}Theme select{ background: url(images/mobile/{0}_want.png) no-repeat 100% 0px; background-color:#FFFFFF; background-size:38px 35px; vertical-align:middle; } /** css delimeter **/ .{0}Theme .timeInput select{ background: url(images/mobile/{0}_date.png) no-repeat 100% 0px; background-color:#FFFFFF; background-size:33px 35px; vertical-align:middle; width:61px; height:35px; padding:0px 10px 0px 5px !important; } /** css delimeter **/ .{0}Theme #formContainer #formBody { {11} } /** css delimeter **/ .formItem .displayModeOption .checkLabel, .formItem .displayModeOption .scaleLabel, .formItem .displayModeOption .rowLabel, .formItem .displayModeOption div:not(.attachment_btn_text) .autolink { {12} } /** css delimeter **/ .{0}Theme .formInfo .mobileThemeHeader { {13} } /** css delimeter **/ .formItemPh .formItem .formItemHeader .title.holder { {14} } /** css delimeter **/ .formItemPh .formItem .formItemHeader .title.holder span{ {15} } 모바일 엔드라이브 GNB <div class="u_ts" id="u_ts"> <div class="pl_n"> <a href="{=mobile_ndrive_prev_url}" data-ncode-m='{=mobile_nclick}'> <div class="bt_bak"></div> </a> </div> <div class="title"> <div id="docTitle" class="doc_title">{=doc_title}</div> </div> </div> {=mobile_ndrive_submenu} 모바일 엔드라이브 서브 GNB <div class="writeOnlyMessage" unselectable="on"> <table cellpadding='0' cellspacing='0' border='0'> <tr> <td style='width:50px;'> <div class="icon" unselectable="on"></div> </td> <td class="message"> This is a read-only document. Edit and Save will be limited. </td> <td style='width:80px;'> <div id="edit_confirm_btn" class="mBtn ui_button" onclick="mainApp.exec('MOBILE_EDIT_FORM');">Edit</div> <div style="display:none"> <form id="edit_confirm_form" action="editor.cmd" method="get"> <input title="문서아이디" name="docId" type="text"> <input title="기본폴더" name="baseFolder" type="text"> <input title="확장자" name="srcExt" type="text"> </form> </div> </td> </table> </div> <div class="responseExceedMessage" unselectable="on"> <table cellpadding='0' cellspacing='0' border='0'> <tr> <td style='width:50px;'> <div class="icon" unselectable="on"></div> </td> <td class="message"> Editing will be restricted because this is a read-only document. <br> The URL of results summary view is copied.{line feed}Please paste(Command+ V) in where you want.{line feed}{line feed}The results will not be revealed to others{line feed} if you set response submission option to 'Private'. </td> <td style='width:80px;'> <a id="downloadCsvBtn" class="mBtn ui_button" target="_blank" href='/form/exportToCsv.cmd?docId='>Download</a> </td> </table> </div> <div class="gnb_{=readOnly}"> <div id="mobile_gnb_submenu1"> <div class="hh _title" id="hh _title"> <h1>{=mobile_gnb_submenu1}</h1> </div> </div> <div class="submenu2"> {=mobile_gnb_submenu2} </div> </div> 모바일 요약보기 부메뉴1 <ul class="h_lst"> <li class="tit_viewBySummary"><a href="javascript:void(0);" id="viewBySummary" class="on ui_button" data-ncode-m="fre.reitem">View results by item</a><span class="l_n"></span></li> <li class="tit_viewByResponses"><a href="javascript:void(0);" class="ui_button" id="viewByResponses" data-ncode-m="fre.reper">View results by response</a></li> </ul> 모바일 요약보기 부메뉴2 <a href="javascript:void(0);" id="mobileEditForm" class="mBtn goEditor ui_button" data-ncode-m="fre.edit">Back to Edit<span class="ico"> </span></a> <a href="javascript:void(0);" id="mobileSendForm" class="mBtn sendForm ui_button" data-ncode-m="fre.send">Send form<span class="ico"> </span></a> <a href="javascript:void(0);" id="mobileSummaryShare" class="mBtn summaryShare ui_button" data-ncode-m="fre.share">Share Result<span class="ico"> </span></a> 모바일 편집 부메뉴1 <ul class="h_lst"> <li class="result"><a href="javascript:void(0);" menu="menu_summary_mobile" class="bt" data-ncode-m="fed.result">Result</a></li> <li class="preview"><a href="javascript:void(0);" menu="menu_preview_mobile" class="bt" data-ncode-m="fed.preview">Preview</a></li> </ul> 모바일 저장 부메뉴1 <ul class="h_lst"> <li id="title" class="title">{=title}</li> </ul> 모바일 편집 부메뉴2 <a href="javascript:void(0);" menu="menu_save_mobile" class="mBtn" data-ncode-m="fed.save">Save</a> <a href="javascript:void(0);" toggleLayer="fileMenuLayer" class="mBtn fileMenuBtn" data-ncode-m="fed.file">File<span class="ico"> </span></a> <a href="javascript:void(0);" class="mBtn newDoc" menu="newdoc" data-ncode-m="fed.newdoc">New Document</a> <a href="javascript:void(0);" menu="menu_preview_mobile" class="mBtn previewBtn " data-ncode-m="fed.save">Preview</a> <a href="javascript:void(0);" toggleLayer="themeLayer" class="mBtn theme themeBtn" data-ncode-m="fed.theme">{=theme_notation} : <span id="currentTheme">{=theme}</span><span class="ico"> </span></a> 모바일 엔드라이브 하단 <div class="u_ft"> <div class="u_ftsw"> <a href="#" class="u_ftst _toTop">Top</a> </div> </div> <address class="u_cr"> <span class="u_cri">© <a href="{=mobile_naver_corp_url}" class="u_cra u_cra_v1">Synapsoft Corp.</a></span> </address> 모바일 테마 <div class="themeItem column"> <div class="thumbnail {=selected}"> <img menu="theme_change" themeCode="{=themeCode}" src="/form/images/mobile/thumb_{=themeCode}_en.png?theme=mobile" data-ncode-m="{=theme_ncode_m}"></div> <div class="themeName"> {=themeName} </div> </div> 아이템 편집 모바일 <div id="formItem_{=itemId}" itemId="{=itemId}" class="{=itemType} formItem {=requiredMark}"> <div class="pageBreakPh">{=pageInfo}</div> <div class="titleDisplayPh"> {=title} <span class="{=requiredMark} hide">✱</span> </div> <div class="titlePh"> <input type="text" title="Item Title" name="title" maxlength="{=title_maxlength}" class="title ui_component ui_inputbox" placeholder="{=title_placeholder}" value="{=title}"> </div> <div class="descPh"> <div class="description-wrap"> <div class="description-button-wrap edit round-button flex" menu="edit_description"> <div class="svg-ico edit-description"></div> <div class="">설명 편집</div> </div> <div class="description-button-wrap close round-button flex" menu="edit_description_close"> <div class="svg-ico edit-close"></div> <div class="">편집 완료</div> </div> <div class="description-content-wrap"> {=description} </div> </div> </div> <div class="itemType holder" data-ncode-m="fed.typesel">{=itemTypeSelect}</div> <div class="quiz-mode"> <div class="quiz-mode-description"> <span>Please select the correct answer below.</span> <div class="tooltip"> <span class="quiz-guide guide ui_quiz ui_button tooltip-icon" id="quiz-guide">?</span> <div class="tooltiptext {=type}"> <img src="{=quizGuideImgSrc}"/><br> <div class="guide-wrap singleChoice selectBox"> <p>1. Enter your score for the question.</p> <p>2. Click the radio button to select the option that will be the correct answer.</p> </div> <div class="guide-wrap multipleChoice"> <p>1. Enter your score for the question.</p> <p>2. Select the option that will be the correct answer by clicking the checkbox.</p> </div> </div> </div> </div> <div class="score-wrap"> <span>points</span> <input type="text" class="ui_mobile ui_inputbox quiz-score ui_component" name="quiz-score" maxlength="{=quizMaxLength}" oninput="this.value=this.value.replace(/[^0-9]/g, '');" id="quiz-score" placeholder="0" value="{=quizScore}" /> <span>point</span> </div> </div> <div class="requiredCheckCountPh holder hide"> <div class="column label">Number of required selection</div> <div class="column"> <div class='minSelectBox column' data-ncode-m="fed.reqsel"></div> <div class='rangeMark column'> ~ </div> <div class='maxSelectBox column' data-ncode-m="fed.reqsel"></div> </div> <div class="column requiredCheckMsg"></div> </div> <div class="itemOptions holder"></div> <div class="quiz-explanation"> <textarea name="quizExplanation" maxlength="{=desc_maxlength}" class="quiz-explanation-input ui_component ui_inputbox" placeholder="{=quiz_explanation_placeholder}">{=quizExplanation}</textarea> </div> {=itemBottomMenu} </div> 모바일 페이지 나누기 <input type='hidden' name='pageMove' value='{=pageMove}' class='ui_component'> {=pageInfo} 모바일 아이템 하단 메뉴 <div class="option-flex itemEditMenu"> <div class="option-flex"> <a href="javascript:void(0);" class="mBtn" menu="move_item_up" data-ncode-m="fed.up">Up<div class="ico moveUp"> </div></a> <a href="javascript:void(0);" class="mBtn" menu="move_item_down" data-ncode-m="fed.down">Down<div class="ico moveDown"> </div></a> <a href="javascript:void(0);" class="mBtn delete_item" menu="delete_item" data-ncode-m="fed.itmdel">Delete<div class="ico delete" menu="delete_item"> </div></a> </div> <div class="option-flex checkbox-wrap"> <div class="requiredPh" data-ncode-m="fed.req">{=requiredCheck}</div> <div class="quizPh quiz-setting">{=quizCheck}</div> <div class="multipleAnswers-setting">{=multipleAnswers}</div> <div class="retype-setting">{=retypeCheck}</div> </div> </div> 모바일 체크 옵션 편집 <input type='checkbox' title="페이지 이동 확인 버튼" name='pageMoveCheckBtn' {=pageMoveCheck} class="ui_component" style='display:none;'> <input type='checkbox' title="옵션 정렬 확인" name='optionAlignCheck' {=optionAlignCheck} class="ui_component" style='display:none;'> <input type='checkbox' title="Random Options" name='randomRenderOption' {=randomRenderOption} class="ui_component" style='display:none;'> <div class="holder optionList"> {=options} </div> <div class="holder addOptionPh"> <a href="javascript:void(0);" class="column mBtn addOption" menu="add_option" data-ncode-m="fed.optadd">Add Option</a> <a href="javascript:void(0);" class="column mBtn addOptionEtc" menu="add_etc" data-ncode-m="">Add 'Other'</a> </div> 모바일 날짜 시간 편집 <input type='hidden' name="useLunar" class="ui_component"> <div class="useTimePh" data-ncode-m="fed.time">{=useTimeCheck}</div> {=datetimeDisplay} 모바일 구분선 <div class="hrLine"></div> {=mobileItemBottomMenu} 모바일 하단 메뉴 <div class="holder bottomEditMenuPh"> <div class="column"> <a href="javascript:void(0);" class="mBtn bottomAddItem" menu="menu_add_default" data-ncode-m="fed.itemadd"> Add Item<span class="ico"> </span> </a> </div> <div class="column bottomPreview"> <a href="javascript:void(0);" class="mBtn bottomPreview" menu="menu_preview_mobile" data-ncode-m="fed.underpv"> Preview </a> </div> <div class="column bottomSave"> <a href="javascript:void(0);" class="mBtn " menu="menu_save_mobile" data-ncode-m="fed.undersv"> Save </a> </div> </div> <div id="responseSettingPh"> <a href="javascript:void(0);" toggleLayer="responseSettingLayer" class="mBtn toggle_display down menuLabel"> <span class="title">Response Settings</span><span class="ico"> </span> </a> <div id="responseSettingLayer"> <div class="dateInfoPh holder"> <div class="label">Response period</div> <div class="input"> <div class="date-setting-wrap flex" role="radiogroup"> <input id="editorDateRange" class="date-range" readOnly> <div data-ncode-m="fed.unset"> {=dateCheck} </div> </div> </div> </div> <div class="confirmMessagePh"> <div class="label">Message to display on response submission</div> <div class="input">{=confirmMessageInput}</div> </div> <div class="summaryShareSetting"> <div class="label">View result on response submission</div> <div class="input holder"> <div class="publicRadio" data-ncode-m="fed.resopen"> {=publicRadio} </div> <div class="privateRadio" data-ncode-m="fed.rescls"> {=privateRadio} </div> </div> </div> <div class="input summarySharePh"> View Results When you set the "Public" setting, all response results are made available to users. For forms that contain personal information, we recommend setting a private one. </div> <div class="allowAnnouncePh hide_api_menu"> <div class="label">Receive an email when sending response</div> <div class="input holder"> <div class="publicRadio column" data-ncode-m="fed.resopen"> {=allowAnnounceRadio} </div> <div class="privateRadio" data-ncode-m="fed.rescls"> {=disallowAnnounceRadio} </div> </div> <div class="email ui_inputbox labelDescription"></div> <a class="allow-email-message labelDescription" href="/userEdit/" target="_blank" onclick="window.location.reload()">응답 결과를 받을 이메일을 변경할 수 있습니다.</a> </div> <div class="allowMultiResponsePh"> <div class="label">Submit multiple responses</div> <div class="input holder"> <div class="publicRadio" data-ncode-m="fed.resopen"> {=allowMultiResponseRadio} </div> <div class="privateRadio" data-ncode-m="fed.rescls"> {=disallowMultiResponseRadio} </div> </div> </div> <div class="input disallowMultiResponsePh"> {=multiResponseDisallowID} <div class="description hide"> Please check respondent ID in View result details to check repeated responses. </div> {=multiResponseDisallowIP} <div class="description hide"> IP will be used only to prevent duplicated response and respondent IP information cannot be accessible. </div> </div> <div class="limitResponseNumPh"> <div class="label">First-come-first-served basis answer</div> <div class="input holder"> <div class="publicRadio column" data-ncode-m="fed.resopen"> {=allowLimitResponseNumRadio} </div> <div class="privateRadio column" data-ncode-m="fed.rescls"> {=disallowLimitResponseNumRadio} </div> </div> <div class="labelDescription"> Can receive responses for fixed number of people. </div> </div> <div class="input setlimitResponseMaxNumPh"> <label for="setlimitResponseMaxNum" > <div class="allowLimitResponseSetting"> <input type="tel" id="limitResponseMaxNum" title="limit response max num" name="limitResponseMaxNum" maxlength="500" class="limitNum ui_component ui_inputbox"> <label for="limitResponseMaxNum" style="display: none;">최대 응답 수 제한</label> people can answer. </div> </label> <label for="setlimitResponseClosingMessage"> <div class="label"> Message of the deadline </div> <div class="allowLimitResponseSetting"> {=responseLimitMessageInput} </div> </label> </div> <div class="scoreDisclosurePh"> <div class="label"> Quiz Mode </div> <div class="input"> {=scoreDisclosureCheckbox} {=answerDisclosureCheckbox} </div> </div> <div class="progressDisclosurePh"> <div class="label"> Answer progress </div> <div class="input"> {=progressDisclosureCheckbox} </div> </div> </div> </div> <div class="sendFormSettingPh" id="sendFormSettingPh"> <a href="javascript:void(0);" toggleLayer="spi" class="mBtn toggle_display down menuLabel"> <span class="title">Send form</span><span class="ico"> </span> </a> <div id="spi" class="naver-splugin" data-style="sns"></div> </div> <div class="sendFormSettingPh hide" id="urlCopySettingPh"> <a href="javascript:void(0);" toggleLayer="urlCopyLayer" class="mBtn toggle_display down menuLabel"> <span class="title">Copy URL</span><span class="ico"> </span> </a> <div id="urlCopyLayer"> <div id="urlCopy" class="ui_button label"> <p class="s2p_msg"><strong class="_spi_copyurl_msg">Click the Copy URL button to copy it.</strong></p> <div class="webhook_response_wrap flex"> <span id="urlCopyText"></span> <div id="urlCopyBtn" class="ui_button url_copy_button" role="button">Copy URL</div> </div> </div> </div> </div> 모바일 표형 편집 <div class="rowListPh"> {=rows} </div> <a href="javascript:void(0);" menu="grid_add_row" class="mBtn addRow">Add row option</a> <div class="colListPh"> {=cols} </div> <a href="javascript:void(0);" menu="grid_add_column" class="mBtn addColumn">Add column option</a> 모바일 표형 편집 옵션 <div class="holder gridItem {=gridOptionType}"> <div class="column option"> <input type="{if inputType}{=inputType}{else}text{/if}" id="{=id}" name="{=id}" {=customAttribute} value="{=value}" qid="{=qid}" class="{=className} {=id} ui_inputbox ui_component" style="{=cssStyle}" rowNum="{=rowNum}"setvaluemsg="SET_VALUE_INPUTBOX" placeholder="{=placeholder}"> </div> <a href="javascript:void(0);" menu="grid_delete_option" class="column icoDelete {=gridOptionType}Delete {=hide}" data-ncode-m="fed.optdel">   </a> </div> 모바일 별등급형 편집 옵션 <div> <div class="holder"> <div class="column"> <span>Number of stars</span> <select id="starCountSelectBox" name="starCountSelectBox" class="ui_mobile ui_component ui_mobile_selectbox starCountSelectBox"> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> <div class="column"> <div class="starColorLabel">Selected star color</div> <div id="starColor" name="starColor" class="starColor colorBtn ui_colorbtn ui_component ui_mobile"> <div class="colorbtn_holder" data-ncode='esl.color'></div> </div> </div> </div> <div class="holder ui_rating"></div> </div> 모바일 기타 옵션 <div class="rowListPh"> {=rows} </div> <div menu="grid_add_row" class="mBtn addRow">Add row option</div> <div class="colListPh"> {=cols} </div> <div menu="grid_add_column" class="mBtn addColumn">Add column option</div> 모바일 이미지 버튼 <a href='javascript:void(0);' toggleLayer='insertImageLayer' class='insertImageBtnSmall column' menu="insert_image" data-ncode-m="fed.optimg"> </a> 응답 첨부 메뉴 레이어 <!-- attach from pc --> <div id="attachPcFile" class="buttonPh attachFile pc lpad6 ui_component ui_button " data-ncode="rsd.filepc" role="menuitem" aria-labelledby="spanPcFileButtonPlaceholder" tabindex="0"> <div id="spanPcFileButtonPlaceholder" aria-label="Insert PC File">Insert PC File</div> </div> <div id="attachPcImage" class="buttonPh attachImage pc lpad6 ui_component ui_button " data-ncode="rsd.imgpc" role="menuitem" aria-labelledby="spanImageButtonPlaceholder" tabindex="0"> <div id="spanImageButtonPlaceholder" aria-label="Insert PC Image">Insert PC Image</div> </div> <!-- attach from ndrive --> <div id="attachNdriveImage" menu="attachResponseImageFromNdrive" class="buttonPh attachImage ndrive lpad6 ui_component ui_button" data-ncode="rsd.imgndr" role="menuitem" aria-labelledby="spanNdriveImageButtonPlaceholder" tabindex="0"> <div id="spanNdriveImageButtonPlaceholder" aria-label="Insert Synap Cloud Image">Insert Synap Cloud Image</div> </div> <div id="attachNdriveFile" menu="attachResponseFileFromNdrive" class="buttonPh attachFile ndrive lpad6 ui_component ui_button" data-ncode="rsd.filendr" role="menuitem" aria-labelledby="spanNdriveFileButtonPlaceholder" tabindex="0"> <div id="spanNdriveFileButtonPlaceholder" aria-label="Insert Synap Cloud File">Insert Synap Cloud File</div> </div> <!-- attach from clipboard --> <div id="attachClipboardImage" class="buttonPh attachImage clipboard lpad6 ui_component ui_button" data-ncode="rsd.imgcap" role="menuitem" aria-labelledby="spanClipboardImageButtonPlaceholder" tabindex="0"> <div id="spanClipboardImageButtonPlaceholder" aria-label="Insert Captured Image">Insert Captured Image</div> </div> 메일 요약보기 <a href='{=mailSummaryLink}' target='_blank'><img src="{=serverUrl}/form/images/mail_summary.png" style="border:none;margin-left:10px;"></a> 차트 편집하기 <div class="chart_editor_tabs"> <div class="chart_editor_tab ui_button type selected" name="chartEditorTab" tab="type">Chart Type</div> <div class="chart_editor_tab ui_button option" name="chartEditorTab" tab="option">Option</div> </div> <div class="chart_editor_content type_content"> <div class="type_btns"> <div class="type ui_button" name="chartType" type="bar"> <div class="type_icon"></div> <div class="label">Column</div> </div> <div class="type ui_button" name="chartType" type="horizontalBar"> <div class="type_icon"></div> <div class="label">Bar</div> </div> <div class="type ui_button" name="chartType" type="pie"> <div class="type_icon"></div> <div class="label">Pie</div> </div> <div class="type ui_button" name="chartType" type="line"> <div class="type_icon"></div> <div class="label">Line</div> </div> <div class="type ui_button" name="chartType" type="area"> <div class="type_icon"></div> <div class="label">Area</div> </div> <div class="type ui_button" name="chartType" type="scatter"> <div class="type_icon"></div> <div class="label">Scatter</div> </div> </div> <div class="type_description"></div> </div> <div class="chart_editor_content option_content hide"> <div class="option"> <div name="displayTableAndChart" style="width:20px;" class="displayTableAndChart ui_radio ui_component column" value="all" setvaluemsg="SET_VALUE_RADIO"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="radio" unselectable="on"></div> <span class="span_label radio_label">Show data table and chart</span> </div> <div name="displayTableAndChart" style="width:20px;" class="displayTableAndChart ui_radio ui_component column" value="table" setvaluemsg="SET_VALUE_RADIO"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="radio" unselectable="on"></div> <span class="span_label radio_label">Show data table only</span> </div> <div name="displayTableAndChart" style="width:20px;" class="displayTableAndChart ui_radio ui_component column" value="chart" setvaluemsg="SET_VALUE_RADIO"> <a class="tab_order" name="tab_order" unselectable="on"></a> <div class="radio" unselectable="on"></div> <span class="span_label radio_label">Show chart only</span> </div> </div> <div class="option"> <div id="hideNoResponse" name="hideNoResponse" class="hideNoResponse ui_checkbox disable ui_component ui_active" value="hideNoResponse" setvaluemsg="SET_VALUE_CHECKBOX" checked="false"> <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">Don't see no response</div> </div> <div id="showDataOnChart" name="showDataOnChart" class="showDataOnChart ui_checkbox disable ui_component ui_active" setvaluemsg="SET_VALUE_CHECKBOX" checked="false"> <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">Displaying data on a chart</div> </div> </div> <div class="option colorOption"> <div class="option_color"> <div class="chartBgColor">Chart background color</div> <div class="chartBgColor ui_colorbtn ui_component" name="chartBgColor"> <div class="colorbtn_holder"></div> </div> </div> <div class="option_color dataColorOption"> <div class="dataColor">Data series color</div> <div class="dataColorSelectWrapper"> <div name="dataColorSelectBox" class="ui_selectbox ui_component dataColor dataColorSelectBox" name="dataColorSelectBox" title="" setvaluemsg="SET_VALUE_SELECTBOX"> <div class="selectbox_value_area"> <div class="selectbox_value" value=""><span></span></div> <div class="selectbox_btn_area" unselectable="on"> <div class="selectbox_btn" unselectable="on"></div> </div> </div> <div class="selectbox_layer"></div> </div> <div class="dataColor ui_colorbtn ui_component" name="dataColor"> <div class="colorbtn_holder"></div> </div> </div> </div> </div> </div> <div class="chart_editor_btns"> <div class="ui_button small chart_editor_btn reset" name="resetChart">reset</div> <div class="ui_button small chart_editor_btn setChart" name="setChart">apply</div> <div class="ui_button small len5 chart_editor_btn setAllChart" name="setAllChart">Full coverage</div> <div class="ui_button small chart_editor_btn cancelChart" name="cancelChart">cancel</div> </div> 필터 <div class="filter {=filterType}"> <div class="header"> <div class="title">{=title}</div> <div class="description">{=description}</div> <div class="ui_button filterToggle" name="filterToggle"></div> </div> <div class="content"> {=content} </div> </div> 기간필터 <div class="dateInput timestamp-header-item"> <div class="hide text">{=startDate}</div> <input readOnly type="tel" value="{=startDate}" name="startDate" class="datetime_date ui_inputbox ui_component filter_calendar" setvaluemsg="SET_VALUE_INPUTBOX"> </div> <span class="timestamp-header-item"> ~ </span> <div class="dateInput timestamp-header-item"> <div class="hide text">{=endDate}</div> <input readOnly type="tel" value="{=endDate}" name="endDate" class="datetime_date ui_inputbox ui_component filter_calendar" setvaluemsg="SET_VALUE_INPUTBOX"> </div> 필터 체크박스 <div class="ui_checkbox disable ui_component itemTypes {=check}" name="{=type}" value="{=id}" itemId="{=itemId}" setvaluemsg="SET_VALUE_CHECKBOX" checked="{=isChecked}"> <a class="tab_order check_holder" name="tab_order" unselectable="on"></a> <div class="checkbox" unselectable="on"></div> <div class="checkbox_label" unselectable="on">{=title}</div> </div> 문항필터 <div class="filterItems"></div> <div class="ui_button openItemList" name="openItemList"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g transform="translate(840 -718) rotate(90)"> <rect fill="#fff" width="2" height="16" transform="translate(725 824)"/> <rect fill="#fff" width="2" height="16" transform="translate(718 833) rotate(-90)"/> </g> </svg> <span>Add item<span> </div> 필터 문항삭제 버튼 <div id="deleteFilterItem" class="ui_button deleteFilterItem"> <svg xmlns="http://www.w3.org/2000/svg" width="12.728" height="12.728" viewBox="0 0 12.728 12.728"> <g transform="translate(81.317 -1095.308) rotate(45)"> <rect fill="#969696" width="2" height="16" transform="translate(725 824)"/> <rect fill="#969696" width="2" height="16" transform="translate(718 833) rotate(-90)"/> </g> </svg> </div> 별등급 별 <svg viewBox="0 0 32 32" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <linearGradient id="{=id}"> <stop offset="{=fillPercent}" stop-color="{=color}"/> <stop offset="{=fillPercent}" stop-color="#BBBBBB"/> </linearGradient> </defs> <path d="M20.388,10.918L32,12.118l-8.735,7.749L25.914,31.4l-9.893-6.088L6.127,31.4l2.695-11.533L0,12.118l11.547-1.2L16.026,0.6L20.388,10.918z" fill="url(#{=id})" stroke-width="2" stroke="{=strokeColor}" fill-opacity="{=opacity}" stroke-opacity="{=opacity}"></path> </svg> 별등급형 <div name="{=name}" class="{=className} ui_component ui_rating" setvaluemsg="SET_VALUE_RATING" value="{=value}" {=checked} role="radiogroup"> </div> 별등급형 편집모드 <div class="wrapper"> <span>Number of stars</span> {=starCount} <span>Selected star color</span> <div id="starColor" name="starColor" class="colorBtn ui_colorbtn"> <div class="colorbtn_holder" data-ncode='esl.color'></div> </div> </div> {=rating} 복수 주관식 옵션 <div class="multipleAnswersDisplayOption"> {=question} <input {=disabled} class="{=className} textFieldSize {=fieldSize}" maxlength="{=maxlength}" qid="{=qid}" name="{=name}" value="{=value}" {if itemId}aria-labelledby="formItemHeader_title_{=itemId} formItemHeader_description_{=itemId} multipleAnswers_{=itemId}_{=qid}"{/if}/> </div> 복수 주관식 편집모드 옵션 <div class="multipleAnswerOption {=className}" qid={=qid}> {=question} <div class="ui_input_disable textFieldSize {=fieldSize} {=className2}" menu="{=menu}" {=ariaAttrs}>{=value}</div> <a href="javascript:void(0);" menu='{=deleteOption}' class='{=deleteOption} column ui_button ui_focusable' style="{=style}" role="button" aria-label="Delete"></a> </div> 복수 주관식 모바일 편집모드 옵션 <div class="multipleAnswerOption itemOptionCont {=className}" qid={=qid}> <div class="option"> {=question} <div class="ui_input_disable textFieldSize" menu="{=menu}">{=value}</div> </div> <a href="javascript:void(0);" menu='{=deleteOption}' class='{=deleteOption} column ui_button' style="{=style}" aria-label="Delete"></a> </div> <a href="javascript:void(0);" class="column mBtn addOption" menu="add_option" data-ncode-m="fed.optadd">Add Option</a>