diff --git a/README.md b/README.md
index 64c49ff943..0c47f769fb 100644
--- a/README.md
+++ b/README.md
@@ -88,16 +88,17 @@ You can use these commands to get more information about the experiment
 </table>
 
 ## **Documentation**
-* [Overview](docs/Overview.md)
-* [Get started](docs/GetStarted.md)
+* [NNI overview](docs/Overview.md)
+* [Quick start](docs/GetStarted.md)
+
 ## **How to**
-* [Installation](docs/InstallNNI_Ubuntu.md)
+* [Install NNI](docs/InstallNNI_Ubuntu.md)
 * [Use command line tool nnictl](docs/NNICTLDOC.md)
 * [Use NNIBoard](docs/WebUI.md)
 * [How to define search space](docs/SearchSpaceSpec.md)
+* [How to define a trial](docs/howto_1_WriteTrial.md)
 * [Config an experiment](docs/ExperimentConfig.md)
-* [Use annotation](docs/AnnotationSpec.md)
-* [Debug](docs/HowToDebug.md)
+* [How to use annotation](docs/howto_1_WriteTrial.md#nni-python-annotation)
 ## **Tutorials**
 * [Run an experiment on local (with multiple GPUs)?](docs/tutorial_1_CR_exp_local_api.md)
 * [Run an experiment on multiple machines?](docs/tutorial_2_RemoteMachineMode.md)
diff --git a/docs/GetStarted.md b/docs/GetStarted.md
index 096804da2a..6e124c574f 100644
--- a/docs/GetStarted.md
+++ b/docs/GetStarted.md
@@ -34,7 +34,7 @@ An experiment is to run multiple trial jobs, each trial job tries a configuratio
 
       python3 ~/nni/examples/trials/mnist-annotation/mnist.py
 
-This command will be filled in the yaml configure file below. Please refer to [here]() for how to write your own trial.
+This command will be filled in the yaml configure file below. Please refer to [here](howto_1_WriteTrial.md) for how to write your own trial.
 
 **Prepare tuner**: NNI supports several popular automl algorithms, including Random Search, Tree of Parzen Estimators (TPE), Evolution algorithm etc. Users can write their own tuner (refer to [here](howto_2_CustomizedTuner.md), but for simplicity, here we choose a tuner provided by NNI as below:
 
@@ -43,7 +43,7 @@ This command will be filled in the yaml configure file below. Please refer to [h
         classArgs:
           optimize_mode: maximize
 
-*builtinTunerName* is used to specify a tuner in NNI, *classArgs* are the arguments pass to the tuner (the spec of builtin tuners can be found [here]()), *optimization_mode* is to indicate whether you want to maximize or minimize your trial's result.
+*builtinTunerName* is used to specify a tuner in NNI, *classArgs* are the arguments pass to the tuner, *optimization_mode* is to indicate whether you want to maximize or minimize your trial's result.
 
 **Prepare configure file**: Since you have already known which trial code you are going to run and which tuner you are going to use, it is time to prepare the yaml configure file. NNI provides a demo configure file for each trial example, `cat ~/nni/examples/trials/mnist-annotation/config.yml` to see it. Its content is basically shown below:
 
@@ -86,7 +86,8 @@ You can refer to [here](NNICTLDOC.md) for more usage guide of *nnictl* command l
 ## View experiment results
 The experiment has been running now, NNI provides WebUI for you to view experiment progress, to control your experiment, and some other appealing features. The WebUI is opened by default by `nnictl create`.
 
-## Further reading
+## Read more
+* [Tuners supported in the latest NNI release](../src/sdk/pynni/nni/README.md)
 * [Overview](Overview.md)
 * [Installation](InstallNNI_Ubuntu.md)
 * [Use command line tool nnictl](NNICTLDOC.md)
diff --git a/docs/Overview.md b/docs/Overview.md
index d072af179b..f93764266f 100644
--- a/docs/Overview.md
+++ b/docs/Overview.md
@@ -2,6 +2,13 @@
 
 NNI (Neural Network Intelligence) is a toolkit to help users run automated machine learning experiments. For each experiment, user only need to define a search space and update a few lines of code, and then leverage NNI build-in algorithms and training services to search the best hyper parameters and/or neural architecture.
 
+>Step 1: [Define search space](SearchSpaceSpec.md)
+
+>Step 2: [Update model codes](howto_1_WriteTrial.md)
+
+>Step 3: [Define Experiment](ExperimentConfig.md)
+
+
 <p align="center">
 <img src="./img/3_steps.jpg" alt="drawing"/>
 </p>
@@ -15,11 +22,6 @@ After user submits the experiment through a command line tool [nnictl](../tools/
 
 User can use the nnictl and/or a visualized Web UI nniboard to monitor and debug a given experiment.
 
-<p align="center">
-<img src="./img/overview.jpg" alt="drawing"/>
-</p>
-
-
 NNI provides a set of examples in the package to get you familiar with the above process. In the following example [/examples/trials/mnist], we had already set up the configuration and updated the training codes for you. You can directly run the following command to start an experiment. 
 
 ## Key Concepts
@@ -35,28 +37,13 @@ NNI provides a set of examples in the package to get you familiar with the above
 ### **Assessor**
 **Assessor** in NNI is an implementation of Assessor API for optimizing the execution of experiment.
 
-
 ## Learn More
 * [Get started](GetStarted.md)
-### **How to**
-* [Installation](InstallNNI_Ubuntu.md)
+* [Install NNI](InstallNNI_Ubuntu.md)
 * [Use command line tool nnictl](NNICTLDOC.md)
 * [Use NNIBoard](WebUI.md)
-* [Define search space](InstallNNI_Ubuntu.md)
-* [Use NNI sdk] - *coming soon*
-* [Config an experiment](SearchSpaceSpec.md)
-* [Use annotation](AnnotationSpec.md)
-* [Debug](HowToDebug.md)
+* [Use annotation](howto_1_WriteTrial.md#nni-python-annotation)
 ### **Tutorials**
 * [How to run an experiment on local (with multiple GPUs)?](tutorial_1_CR_exp_local_api.md)
 * [How to run an experiment on multiple machines?](tutorial_2_RemoteMachineMode.md)
-* [How to run an experiment on OpenPAI?](PAIMode.md)
-* [Try different tuners and assessors] - *coming soon*
-* [How to run an experiment on K8S services?] - *coming soon*
-* [Implement a customized tuner] - *coming soon*
-* [Implement a customized assessor] - *coming soon*
-* [Implement a custmoized weight sharing algorithm] - *coming soon*
-* [How to integrate NNI with your own custmoized training service] - *coming soon*
-### **Best practice**
-* [Compare different AutoML algorithms] - *coming soon*
-* [Serve NNI as a capability of a ML Platform] - *coming soon*
+* [How to run an experiment on OpenPAI?](PAIMode.md)
\ No newline at end of file
diff --git a/src/webui/src/components/Tensor.tsx b/src/webui/src/components/Tensor.tsx
deleted file mode 100644
index 20d18b96e7..0000000000
--- a/src/webui/src/components/Tensor.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import * as React from 'react';
-import axios from 'axios';
-import { message } from 'antd';
-import { MANAGER_IP } from '../static/const';
-import '../static/style/tensor.scss';
-
-interface TensorState {
-    urlTensor: string;
-    idTensor: string;
-}
-
-message.config({
-    top: 250,
-    duration: 2,
-});
-
-class Tensor extends React.Component<{}, TensorState> {
-
-    public _isMounted = false;
-
-    constructor(props: {}) {
-        super(props);
-        this.state = {
-            urlTensor: '',
-            idTensor: ''
-        };
-    }
-
-    geturl(): void {
-        Object.keys(this.props).forEach(item => {
-            if (item === 'location') {
-                let tensorId = this.props[item].state;
-                if (tensorId !== undefined && this._isMounted) {
-                    this.setState({ idTensor: tensorId }, () => {
-                        axios(`${MANAGER_IP}/tensorboard`, {
-                            method: 'POST',
-                            headers: {
-                                'Content-Type': 'application/json;charset=utf-8'
-                            },
-                            params: {
-                                job_ids: tensorId
-                            }
-                        }).then(res => {
-                            if (res.status === 200) {
-                                setTimeout(
-                                    () => {
-                                        const url = new URL(res.data.endPoint);
-                                        if (url.hostname === 'localhost') {
-                                            url.hostname = window.location.hostname;
-                                        }
-                                        this.setState(
-                                            { urlTensor: url.href }, 
-                                            () => message.success('Successful send'));
-                                    },
-                                    1000);
-                            } else {
-                                message.error('fail to link to tensorboard');
-                            }
-                        });
-                    });
-                } else {
-                    message.warning('Please link to Trial Status page to select a trial!');
-                }
-            }
-        });
-    }
-
-    componentDidMount() {
-        this._isMounted = true;
-        this.geturl();
-    }
-
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-
-    render() {
-        const { urlTensor } = this.state;
-        return (
-            <div className="tensor">
-                <div className="title">TensorBoard</div>
-                <div className="tenhttpage">
-                    <iframe
-                        frameBorder="no"
-                        src={urlTensor}
-                        sandbox="allow-scripts allow-same-origin"
-                    />
-                </div>
-            </div>
-        );
-    }
-}
-
-export default Tensor;
\ No newline at end of file
diff --git a/src/webui/src/components/TrialsDetail.tsx b/src/webui/src/components/TrialsDetail.tsx
index 7f2d8dbde3..5dc70ea247 100644
--- a/src/webui/src/components/TrialsDetail.tsx
+++ b/src/webui/src/components/TrialsDetail.tsx
@@ -1,7 +1,8 @@
 import * as React from 'react';
 import axios from 'axios';
 import { MANAGER_IP } from '../static/const';
-import { Row, Tabs } from 'antd';
+import { Row, Col, Button, Tabs, Input } from 'antd';
+const Search = Input.Search;
 import { TableObj, Parameters, AccurPoint } from '../static/interface';
 import Accuracy from './overview/Accuracy';
 import Duration from './trial-detail/Duration';
@@ -22,6 +23,7 @@ class TrialsDetail extends React.Component<{}, TrialDetailState> {
     public _isMounted = false;
     public interAccuracy = 0;
     public interTableList = 1;
+
     constructor(props: {}) {
         super(props);
 
@@ -30,7 +32,6 @@ class TrialsDetail extends React.Component<{}, TrialDetailState> {
             accNodata: '',
             tableListSource: []
         };
-
     }
     // trial accuracy graph
     drawPointGraph = () => {
@@ -202,11 +203,38 @@ class TrialsDetail extends React.Component<{}, TrialDetailState> {
         }
     }
 
+    // search a specific trial by trial No.
+    searchTrialNo = (value: string) => {
+
+        window.clearInterval(this.interTableList);
+        const { tableListSource } = this.state;
+        const searchResultList: Array<TableObj> = [];
+        Object.keys(tableListSource).map(key => {
+            const item = tableListSource[key];
+            if (item.sequenceId.toString() === value) {
+                searchResultList.push(item);
+            }
+        });
+        this.setState(() => ({
+            tableListSource: searchResultList
+        }));
+    }
+
+    // reset btn click: rerender table
+    resetRenderTable = () => {
+
+        const searchInput = document.getElementById('searchTrial') as HTMLInputElement;
+        if (searchInput !== null) {
+            searchInput.value = '';
+        }
+        this.drawTableList();
+        this.interTableList = window.setInterval(this.drawTableList, 10000);
+    }
     componentDidMount() {
 
         this._isMounted = true;
-        this.drawPointGraph();
         this.drawTableList();
+        this.drawPointGraph();
         this.interAccuracy = window.setInterval(this.drawPointGraph, 10000);
         this.interTableList = window.setInterval(this.drawTableList, 10000);
     }
@@ -253,6 +281,26 @@ class TrialsDetail extends React.Component<{}, TrialDetailState> {
                     </Tabs>
                 </div>
                 {/* trial table list */}
+                <Row className="allList">
+                    <Col span={12}>
+                        <Title1 text="All Trials" icon="6.png" />
+                    </Col>
+                    <Col span={12} className="btns">
+                        <Search
+                            placeholder="input search Trial No."
+                            onSearch={value => this.searchTrialNo(value)}
+                            style={{ width: 200 }}
+                            id="searchTrial"
+                        />
+                        <Button
+                            type="primary"
+                            className="tableButton resetBtn"
+                            onClick={this.resetRenderTable}
+                        >
+                            Reset
+                        </Button>
+                    </Col>
+                </Row>
                 <TableList
                     tableSource={tableListSource}
                     updateList={this.drawTableList}
diff --git a/src/webui/src/components/trial-detail/Para.tsx b/src/webui/src/components/trial-detail/Para.tsx
index 77a3f32362..15ab0b2cfe 100644
--- a/src/webui/src/components/trial-detail/Para.tsx
+++ b/src/webui/src/components/trial-detail/Para.tsx
@@ -429,7 +429,7 @@ class Para extends React.Component<{}, ParaState> {
                             </Select>
                             <Button
                                 type="primary"
-                                className="changeBtu"
+                                className="changeBtu tableButton"
                                 onClick={this.swapBtn}
                             >
                                 Confirm
diff --git a/src/webui/src/components/trial-detail/TableList.tsx b/src/webui/src/components/trial-detail/TableList.tsx
index dd19c39d04..c7cd0bf782 100644
--- a/src/webui/src/components/trial-detail/TableList.tsx
+++ b/src/webui/src/components/trial-detail/TableList.tsx
@@ -1,15 +1,14 @@
 import * as React from 'react';
 import axios from 'axios';
 import JSONTree from 'react-json-tree';
-import { browserHistory } from 'react-router';
 import ReactEcharts from 'echarts-for-react';
 import { Row, Table, Button, Popconfirm, Modal, message } from 'antd';
 import { MANAGER_IP, trialJobStatus } from '../../static/const';
 import { convertDuration } from '../../static/function';
 import { TableObj, TrialJob } from '../../static/interface';
-import Title1 from '../overview/Title1';
 require('../../static/style/tableStatus.css');
 require('../../static/style/logPath.scss');
+require('../../static/style/search.scss');
 require('../../static/style/table.scss');
 require('../../static/style/button.scss');
 const echarts = require('echarts/lib/echarts');
@@ -136,17 +135,6 @@ class TableList extends React.Component<TableListProps, TableListState> {
             });
     }
 
-    // get tensorflow address
-    getTensorpage = (id: string) => {
-
-        let path = {
-            pathname: '/tensor',
-            state: id
-        };
-
-        browserHistory.push(path);
-    }
-
     componentDidMount() {
         this._isMounted = true;
     }
@@ -156,6 +144,7 @@ class TableList extends React.Component<TableListProps, TableListState> {
     }
 
     render() {
+
         const { tableSource } = this.props;
         const { intermediateOption, modalVisible } = this.state;
         let bgColor = '';
@@ -172,7 +161,7 @@ class TableList extends React.Component<TableListProps, TableListState> {
             key: 'sequenceId',
             width: 120,
             className: 'tableHead',
-            sorter: (a: TableObj, b: TableObj) => (a.sequenceId as number) - (b.sequenceId as number)
+            sorter: (a: TableObj, b: TableObj) => (a.sequenceId as number) - (b.sequenceId as number),
         }, {
             title: 'Id',
             dataIndex: 'id',
@@ -286,18 +275,18 @@ class TableList extends React.Component<TableListProps, TableListState> {
                 );
             },
         }, {
-            title: 'Tensor',
-            dataIndex: 'tensor',
-            key: 'tensor',
+            title: 'Intermediate Result',
+            dataIndex: 'intermediate',
+            key: 'intermediate',
             width: '16%',
             render: (text: string, record: TableObj) => {
                 return (
                     <Button
                         type="primary"
                         className="tableButton"
-                        onClick={this.getTensorpage.bind(this, record.id)}
+                        onClick={this.showIntermediateModal.bind(this, record.id)}
                     >
-                        TensorBoard
+                        Intermediate
                     </Button>
                 );
             },
@@ -347,27 +336,19 @@ class TableList extends React.Component<TableListProps, TableListState> {
                                 <span className="logContent">{logPathRow}</span>
                             </div>
                     }
-                    <Button
-                        type="primary"
-                        className="tableButton"
-                        onClick={this.showIntermediateModal.bind(this, record.id)}
-                    >
-                        Intermediate Result
-                    </Button>
                 </pre>
             );
         };
 
         return (
             <Row className="tableList">
-                <Row><Title1 text="All Trials" icon="6.png" /></Row>
                 <div id="tableList">
                     <Table
                         columns={columns}
                         expandedRowRender={openRow}
                         dataSource={tableSource}
                         className="commonTableStyle"
-                        pagination={{ pageSize: 10 }}
+                        pagination={{ pageSize: 20 }}
                     />
                     <Modal
                         title="Intermediate Result"
diff --git a/src/webui/src/index.tsx b/src/webui/src/index.tsx
index 46a715f63d..516f604c13 100644
--- a/src/webui/src/index.tsx
+++ b/src/webui/src/index.tsx
@@ -4,11 +4,9 @@ import * as ReactDOM from 'react-dom';
 import App from './App';
 import { Router, Route, browserHistory, IndexRedirect } from 'react-router';
 import registerServiceWorker from './registerServiceWorker';
-import Tensor from './components/Tensor';
 import Control from './components/Control';
 import Overview from './components/Overview';
 import TrialsDetail from './components/TrialsDetail';
-// import TrialsDetail from './components/TrialsDetail';
 import './index.css';
 
 ReactDOM.render(
@@ -17,7 +15,6 @@ ReactDOM.render(
             <IndexRedirect to="/oview" />
             <Route path="/oview" component={Overview} />
             <Route path="/detail" component={TrialsDetail} />
-            <Route path="/tensor" component={Tensor} />
             <Route path="/control" component={Control} />
         </Route>
     </Router>,
diff --git a/src/webui/src/static/style/button.scss b/src/webui/src/static/style/button.scss
index 37b407c97f..a7fe0267a6 100644
--- a/src/webui/src/static/style/button.scss
+++ b/src/webui/src/static/style/button.scss
@@ -1,20 +1,26 @@
-Button.changeBtu, Button.changeBtu:hover, Button.changeBtu:focus{
-    background-color: #3c8dbc;
-    border-color: #3c8dbc;
-    line-height: 30px;
-}
+$btnBgcolor: #3c8dbc;
 
 Button.tableButton{
-    background:	#3c8dbc;
-    border-color: #3c8dbc;
+    background:	$btnBgcolor;
+    border-color: $btnBgcolor;
     height: 26px;
-    line-height: 26px;
+    font-size: 14px;
     margin-top: 2px;
+    border-radius: 0;
 }
 
 /* kill btn style: delete its own hover style */
 /* after button click the color not change */
 Button.tableButton:hover, Button.tableButton:focus{
-    background-color: #3c8dbc;
-    border-color: #3c8dbc;
-}
\ No newline at end of file
+    background-color: $btnBgcolor;
+    border-color: $btnBgcolor;
+}
+
+Button.changeBtu{
+    height: 32px;
+}
+
+.ant-input, .ant-select-selection{
+    border-radius: 0 !important;
+}
+
diff --git a/src/webui/src/static/style/search.scss b/src/webui/src/static/style/search.scss
new file mode 100644
index 0000000000..69e6fbee11
--- /dev/null
+++ b/src/webui/src/static/style/search.scss
@@ -0,0 +1,19 @@
+.allList{
+    background-color: #b3b3b3;
+    padding-right: 14px;
+    .btns{
+        height: 32px;
+        text-align: right;
+        .ant-input-search{
+            height: 32px;
+        }
+    }
+    Button.resetBtn{
+        height: 32px;
+        font-size: 15px;
+        position: relative;
+        top: 1px;
+    }
+}
+
+
diff --git a/src/webui/src/static/style/tensor.scss b/src/webui/src/static/style/tensor.scss
deleted file mode 100644
index c623c49fa0..0000000000
--- a/src/webui/src/static/style/tensor.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-/* iframe include tensorborad page */
-.tensor{
-    width: 98%;
-    height: 800px;
-    margin: 25px auto;
-}
-.tensor .title{
-    color: #333;
-    font-size: 16px;
-}
-.tensor iframe{
-    width: 100%;
-    height: 840px;
-    border: none;
-    margin-top: 10px;
-}
\ No newline at end of file
diff --git a/src/webui/src/static/style/trialsDetail.scss b/src/webui/src/static/style/trialsDetail.scss
index ac5b360f52..44e6070fdc 100644
--- a/src/webui/src/static/style/trialsDetail.scss
+++ b/src/webui/src/static/style/trialsDetail.scss
@@ -25,11 +25,6 @@
     .panelTitle{
         margin-right: 14px;
         border-right: 2px solid #e8e8e8;
-        
-        span{
-            font-size: 18px;
-            font-family: 'Segoe';
-        }
     }
 }
 
diff --git a/src/webui/tslint.json b/src/webui/tslint.json
index 341baf568e..322c3c28f5 100644
--- a/src/webui/tslint.json
+++ b/src/webui/tslint.json
@@ -40,7 +40,7 @@
           "static-before-instance",
           "variables-before-functions"
       ],
-      "no-any": false,
+      "no-any": true,
       "no-arg": true,
       "no-bitwise": true,
       "no-console": [