diff --git a/ui/new/jsp/tab_event.jsp b/ui/new/jsp/tab_event.jsp
new file mode 100644
index 00000000000..4c33b31018e
--- /dev/null
+++ b/ui/new/jsp/tab_event.jsp
@@ -0,0 +1,96 @@
+
+
+<%@ page import="java.util.*" %>
+<%@ page import="com.cloud.utils.*" %>
+
+<%
+
+ Locale browserLocale = request.getLocale();
+ CloudResourceBundle t = CloudResourceBundle.getBundle("resources/resource", browserLocale);
+%>
+
+
+
+
+
+
+ <%=t.t("Details")%>
+
+
+
+
+
+ <%=t.t("Initiated.By")%>:
+
+
+
+
+
+
+ <%=t.t("Owner.Account")%>:
+
+
+
+
+
+
+
+
+ <%=t.t("Description")%>:
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ui/new/scripts/cloud.core.event.js b/ui/new/scripts/cloud.core.event.js
new file mode 100644
index 00000000000..ca70c3b3096
--- /dev/null
+++ b/ui/new/scripts/cloud.core.event.js
@@ -0,0 +1,11 @@
+function loadEventToRigntPanelFn($rightPanelContent) {
+ var jsonObj = $rightPanelContent.data("jsonObj");
+ var $rightPanelContent = $("#right_panel_content");
+ $rightPanelContent.find("#username").text(jsonObj.username);
+ $rightPanelContent.find("#account").text(jsonObj.account);
+ $rightPanelContent.find("#type").text(jsonObj.type);
+ $rightPanelContent.find("#level").text(jsonObj.level);
+ $rightPanelContent.find("#description").text(jsonObj.description);
+ $rightPanelContent.find("#state").text(jsonObj.state);
+ setDateField(jsonObj.created, $rightPanelContent.find("#created"));
+}
\ No newline at end of file