API/CodeSamples/ReportDesigner.md
... ...
@@ -55,10 +55,16 @@ This would hide both the **Save** and **Save As...** toolbar buttons and is more
55 55
Here is a code sample that shows how to override the CSS in the Report Designer page. Essentially, you insert a ``<style> </style>`` tag as shown below after the ``</FORM>`` tag in the page. You can then override the CSS elements. In this example, it also overrides the "Preview" tab CSS for the HTML preview. The classes for the report tables in the "Preview" tab are the same CSS tables available in the [[Appearance|/Integration/Tutorials/Appearance]] section of this site. You can use any web browser's developer tools add-on (usually accessed by pressing F12 on the keyboard or ctrl+click if on a Mac with Safari developer tools enabled) to find what CSS classes you need to override. **Caveat:** this will only override them while in the "ReportDesigner.aspx" page.
56 56
57 57
```csharp
58
-<FORM id="Form1" method="post" runat="server">
59
-<cc1:adhocreportdesigner id=queryBuilder runat="server">
60
-</cc1:adhocreportdesigner>
61
-</FORM>
58
+<asp:Content ID="Content2" ContentPlaceHolderID="PlaceHolder" runat="Server">
59
+ <div class="report-page">
60
+ <form id="form1" runat="server">
61
+ <div id="repHeader"></div>
62
+ <cc1:adhocreportdesigner id="Adhocreportdesigner1" runat="server">
63
+ </cc1:adhocreportdesigner>
64
+ </form>
65
+ <!--Place your style tag here-->
66
+ </div>
67
+</asp:Content>
62 68
63 69
<style type='text/css'>
64 70