diff --git a/designer/src/com/fr/design/report/mobile/MobileUseHtmlGroupPane.java b/designer/src/com/fr/design/report/mobile/MobileUseHtmlGroupPane.java
new file mode 100644
index 0000000000..50c5e32381
--- /dev/null
+++ b/designer/src/com/fr/design/report/mobile/MobileUseHtmlGroupPane.java
@@ -0,0 +1,130 @@
+package com.fr.design.report.mobile;
+
+import com.fr.design.beans.BasicBeanPane;
+import com.fr.design.border.UITitledBorder;
+import com.fr.design.gui.ibutton.UIRadioButton;
+import com.fr.design.gui.ilable.UILabel;
+import com.fr.design.layout.FRGUIPaneFactory;
+import com.fr.design.layout.TableLayout;
+import com.fr.design.layout.TableLayoutHelper;
+import com.fr.general.Inter;
+import com.fr.report.mobile.ElementCaseMobileAttr;
+
+import javax.swing.*;
+import java.awt.*;
+import java.awt.event.ActionListener;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * Created by kunsnat on 2016/8/3.
+ */
+public class MobileUseHtmlGroupPane extends BasicBeanPane<ElementCaseMobileAttr> {
+
+    private List<UIRadioButton> radioButtons = new ArrayList<UIRadioButton>();
+
+    public MobileUseHtmlGroupPane() {
+        initComponents();
+    }
+
+    private void initComponents() {
+        this.setLayout(FRGUIPaneFactory.createBorderLayout());
+        this.setBorder(UITitledBorder.createBorderWithTitle(this.title4PopupWindow()));
+
+        double p = TableLayout.PREFERRED;
+        double[] rowSize = {p, p};
+        double[] columnSize = {p, p, p};
+
+        UIRadioButton useApp = new UIRadioButton(Inter.getLocText("FR-mobile_native_analysis"));
+        useApp.setSelected(true);
+        UIRadioButton useHTML5 = new UIRadioButton(Inter.getLocText("FR-mobile_html_analysis")); 
+
+        addToButtonGroup(useApp, useHTML5);
+
+        Component[][] components = new Component[][]{
+                new Component[]{new UILabel(Inter.getLocText("FR-mobile_analysis_style")), useApp, useHTML5},
+                new Component[]{new UILabel(Inter.getLocText("FR-mobile_analysis_annotation")), null, null}
+        };
+        JPanel usePane = TableLayoutHelper.createTableLayoutPane(components, rowSize, columnSize);
+        usePane.setBorder(BorderFactory.createEmptyBorder(10, 13, 10, 10));
+
+        this.add(usePane);
+    }
+
+    private void addToButtonGroup(UIRadioButton... radios) {
+        ButtonGroup buttonGroup = new ButtonGroup();
+        for (UIRadioButton radio : radios) {
+            radioButtons.add(radio);
+            buttonGroup.add(radio);
+        }
+    }
+
+    /**
+     * 设置按钮状态
+     */
+    public void setEnabled(boolean enabled) {
+        for (UIRadioButton radioButton : radioButtons) {
+            radioButton.setEnabled(enabled);
+        }
+    }
+
+    /**
+     * 获取当前选中的按钮index
+     *
+     * @return 按钮index
+     */
+    public int getSelectRadioIndex() {
+        for (int i = 0, len = radioButtons.size(); i < len; i++) {
+            if (radioButtons.get(i).isSelected()) {
+                return i;
+            }
+        }
+
+        return 0;
+    }
+
+    /**
+     * 选中指定index的按钮
+     */
+    public void selectIndexButton(int index) {
+        if (index < 0 || index > radioButtons.size() - 1) {
+            return;
+        }
+
+        UIRadioButton button = radioButtons.get(index);
+        button.setSelected(true);
+    }
+
+    /**
+     * 给所有的按钮加上监听
+     */
+    public void addActionListener(ActionListener actionListener) {
+        for (UIRadioButton radioButton : radioButtons) {
+            radioButton.addActionListener(actionListener);
+        }
+    }
+
+    @Override
+    public void populateBean(ElementCaseMobileAttr mobileAttr) {
+        if(mobileAttr != null) {
+            selectIndexButton(mobileAttr.isUseHTML() ? 1 : 0);
+        }
+    }
+
+    @Override
+    public ElementCaseMobileAttr updateBean() {
+        return null;
+    }
+
+    @Override
+    public void updateBean(ElementCaseMobileAttr mobileAttr) {
+        if(mobileAttr != null) {
+            mobileAttr.setUseHTML(getSelectRadioIndex() == 1);
+        }
+    }
+
+    @Override
+    protected String title4PopupWindow() {
+        return Inter.getLocText("FR-mobile_report_analysis");
+    }
+}
diff --git a/designer/src/com/fr/design/report/mobile/ReportMobileAttrPane.java b/designer/src/com/fr/design/report/mobile/ReportMobileAttrPane.java
index 1d2d399319..3c00232194 100644
--- a/designer/src/com/fr/design/report/mobile/ReportMobileAttrPane.java
+++ b/designer/src/com/fr/design/report/mobile/ReportMobileAttrPane.java
@@ -14,6 +14,8 @@ public class ReportMobileAttrPane extends BasicBeanPane<ElementCaseMobileAttr>{
 
     private AppFitBrowserPane appFitBrowserPane;
 
+    private MobileUseHtmlGroupPane htmlGroupPane;
+
     public ReportMobileAttrPane() {
         initComponents();
     }
@@ -27,6 +29,8 @@ public class ReportMobileAttrPane extends BasicBeanPane<ElementCaseMobileAttr>{
         appFitBrowserPane.setAppFitPreviewPane(appFitPreviewPane);
         this.add(appFitBrowserPane);
 
+        this.add(htmlGroupPane = new MobileUseHtmlGroupPane());
+
         this.add(appFitPreviewPane);
     }
 
@@ -37,11 +41,17 @@ public class ReportMobileAttrPane extends BasicBeanPane<ElementCaseMobileAttr>{
         }
         appFitBrowserPane.populateBean(ob);
 
+        htmlGroupPane.populateBean(ob);
+
     }
 
     @Override
     public ElementCaseMobileAttr updateBean() {
-        return appFitBrowserPane.updateBean();
+        ElementCaseMobileAttr caseMobileAttr = appFitBrowserPane.updateBean();
+
+        htmlGroupPane.updateBean(caseMobileAttr);
+
+        return caseMobileAttr;
     }
 
     @Override