I'm trying to use Telerik Q3 Reporting
When I'm changing anything in the report like a textbox's text it didn't reflect at runtime or preview, I make the report viewer EnableViewState=False but no reflection
<%# Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="NoranReporting._Default" %>
<%# Register Assembly="Telerik.ReportViewer.WebForms, Version=7.2.13.1016, Culture=neutral, PublicKeyToken=a9d7983dfcc261be"
Namespace="Telerik.ReportViewer.WebForms" TagPrefix="telerik" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<telerik:ReportViewer ID="ReportViewer1" runat="server" ZoomMode="FullPage"
EnableViewState="False" Height="100%" ProgressText="يتم تجهيز التقرير..."
Width="100%" ></telerik:ReportViewer>
</asp:Content>
This is picture from design
http://postimg.org/image/41b4o3yu5/
and this is picture from runtime
http://postimg.org/image/htpjjqplp/
And why the report height is to small like this?
I tried
ZoomMode="FullPage" Height="100%"
but as you can see in the picture, it didn't work
Master Page:
<%# Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="NoranReporting.SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
<title></title>
<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="HeadContent" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form runat="server">
<div class="page">
<div class="header">
<div class="title">
<h1>
My ASP.NET Application
</h1>
</div>
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>
</div>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
<div class="clear">
</div>
</div>
<div class="footer">
</div>
</form>
</body>
</html>
Css File:
/* DEFAULTS
----------------------------------------------------------*/
html#html, body#body, form#form1, div#content, center#center
{
border: 0px solid black;
float:right;
height: 100%;
}
body
{
background: #b6b7bc;
font-size: .80em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
a:link, a:visited
{
color: #034af3;
}
a:hover
{
color: #1d60ff;
text-decoration: none;
}
a:active
{
color: #034af3;
}
p
{
margin-bottom: 10px;
line-height: 1.6em;
}
/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #666666;
font-variant: small-caps;
text-transform: none;
font-weight: 200;
margin-bottom: 0px;
}
h1
{
font-size: 1.6em;
padding-bottom: 0px;
margin-bottom: 0px;
}
h2
{
font-size: 1.5em;
font-weight: 600;
}
h3
{
font-size: 1.2em;
}
h4
{
font-size: 1.1em;
}
h5, h6
{
font-size: 1em;
}
/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
margin-top: 0px;
}
/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
.page
{
width: 960px;
background-color: #fff;
margin: 0px auto 0px auto;
border: 1px solid #496077;
}
.header
{
position: relative;
margin: 0px;
padding: 0px;
background: #4b6c9e;
width: 100%;
}
.header h1
{
font-weight: 700;
margin: 0px;
padding: 0px 0px 0px 20px;
color: #f9f9f9;
border: none;
line-height: 2em;
font-size: 2em;
}
.main
{
padding: 0px 12px;
margin: 12px 8px 8px 8px;
min-height: 420px;
width:100%;
height:100%;
direction:rtl;
}
.leftCol
{
padding: 6px 0px;
margin: 12px 8px 8px 8px;
width: 200px;
min-height: 200px;
}
.footer
{
color: #4e5766;
padding: 8px 0px 0px 0px;
margin: 0px auto;
text-align: center;
line-height: normal;
}
/* TAB MENU
----------------------------------------------------------*/
div.hideSkiplink
{
background-color:#3a4f63;
width:100%;
}
div.menu
{
padding: 4px 0px 4px 8px;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
/* FORM ELEMENTS
----------------------------------------------------------*/
fieldset
{
margin: 1em 0px;
padding: 1em;
border: 1px solid #ccc;
}
fieldset p
{
margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label
{
display: block;
}
fieldset label.inline
{
display: inline;
}
legend
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}
input.textEntry
{
width: 320px;
border: 1px solid #ccc;
}
input.passwordEntry
{
width: 320px;
border: 1px solid #ccc;
}
div.accountInfo
{
width: 42%;
}
/* MISC
----------------------------------------------------------*/
.clear
{
clear: both;
}
.title
{
display: block;
float: left;
text-align: left;
width: auto;
}
.loginDisplay
{
font-size: 1.1em;
display: block;
text-align: right;
padding: 10px;
color: White;
}
.loginDisplay a:link
{
color: white;
}
.loginDisplay a:visited
{
color: white;
}
.loginDisplay a:hover
{
color: white;
}
.failureNotification
{
font-size: 1.2em;
color: Red;
}
.bold
{
font-weight: bold;
}
.submitButton
{
text-align: right;
padding-right: 10px;
}
i uploaded a project sample with db sample here is the link:
https://www.wetransfer.com/downloads/add6db1cf706b3b044515342a0deb8ed20140521092303/3d5b86d6b747eddcc8861d858c32711d20140521092303/c08aab
Here is a sample Project with sample DB
I use VS 2013
SQL 2008
Telerik DevCraft Ultimate Q3 2013
1-The Main problem that the text box's text not updated even at preview tab of report
at the design mode text box's value is "تقرير تفصيلى "
but at run time or preview it viewed the text box's text "Report1"
2-the viewer is not 100% height of page
Could you post the code for the Master page it looks to me like the BodyContent is too small for the report viewer, you can see the scroll bar for the report on the left.
Related
I am using Power Tools For Xml to convert a word document to HTML. I am then plugging that HTML into the ITextSharp XMLWorkerHelper to create a PDF. This overall process works fine for what I am trying to accomplish with no issues.
The problem I am having is that ItextSharp is adding black gridlines to the a table that is in the generated HTML. The HTML that Power Tools is generating is below. In the styling all of the border styling is set to none. Does anyone have enough experience with ItextSharp to identify what in this html is causing ItextSharp to put black gridlines around the table when it converts it into a PDF?
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<title></title>
<meta name="Generator" content="PowerTools for Open XML" />
<style>
span
{
white-space: pre-wrap;
}
p.Pt-Normal
{
margin-bottom: 0;
font-family: Calibri;
font-size: 10pt;
line-height: 108%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
span.Pt-000000
{
font-size: 10pt;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
}
table.Pt-000005
{
border-collapse: collapse;
border: none;
margin-left: 0;
margin-bottom: .001pt;
}
tr.Pt-000006
{
height: 0.23in;
}
td.Pt-000007
{
vertical-align: top;
width: 140.75pt;
border-top-style: none;
padding-top: 0;
border-right-style: none;
padding-right: 5.4pt;
border-bottom-style: none;
padding-bottom: 0;
border-left-style: none;
padding-left: 5.4pt;
}
span.Pt-DefaultParagraphFont-000008
{
font-family: Calibri;
font-size: 10pt;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
}
td.Pt-000009
{
vertical-align: top;
width: 95.55pt;
border-top-style: none;
padding-top: 0;
border-right-style: none;
padding-right: 5.4pt;
border-bottom-style: none;
padding-bottom: 0;
border-left-style: none;
padding-left: 5.4pt;
}
td.Pt-000010
{
vertical-align: top;
width: 63.35pt;
border-top-style: none;
padding-top: 0;
border-right-style: none;
padding-right: 5.4pt;
border-bottom-style: none;
padding-bottom: 0;
border-left-style: none;
padding-left: 5.4pt;
}
td.Pt-000011
{
vertical-align: top;
width: 168.1pt;
border-top-style: none;
padding-top: 0;
border-right-style: none;
padding-right: 5.4pt;
border-bottom-style: none;
padding-bottom: 0;
border-left-style: none;
padding-left: 5.4pt;
}
</style>
</head>
<body>
<div align="left">
<table dir="ltr" class="Pt-000005">
<tr class="Pt-000006">
<td class="Pt-000007">
<p dir="ltr" class="Pt-Normal">
<span class="Pt-DefaultParagraphFont-000008">N/A</span></p>
</td>
<td class="Pt-000009">
<p dir="ltr" class="Pt-Normal">
<span xml:space="preserve" class="Pt-000000"></span>
</p>
</td>
<td class="Pt-000010">
<p dir="ltr" class="Pt-Normal">
<span xml:space="preserve" class="Pt-000000"></span>
</p>
</td>
<td class="Pt-000011">
<p dir="ltr" class="Pt-Normal">
<span class="Pt-DefaultParagraphFont-000008">CASE NO: abc</span></p>
</td>
</tr>
</table>
</div>
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I have created a menu in a user control but the link is not working. It is disabled. please help me to fix.
<%# Control Language="C#" AutoEventWireup="true" CodeFile="menu.ascx.cs" Inherits="menu" %>
<div class="h_mnu_01">
<ul>
<li>
<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx">HyperLink</asp:HyperLink></li>
</ul>
</div>
<code>
<style type="text/css">
.h_mnu_01{
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
.h_mnu_01 ul{
margin: 0;
padding: 0;
float: left;
width: 100%;
background: #000000;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000
}
.h_mnu_01 ul li{
display: inline;
}
.h_mnu_01 ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
.h_mnu_01 ul li a:visited
{
color: #FFFFFF;
}
.h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected
{
color: #FFFF00 !important;
padding-top: 5px;
padding-bottom: 5px;
background: #008000;
}
</style>
The link is clickable, but you changed it's style to show as plain text instead of hyperlink:
.h_mnu_01 ul li a{
float: left;
color: #FFFFFF;
padding: 5px 11px;
text-decoration: none;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
Remove text-decoration: none; from this style. It should work.
I am trying to get my drop down menu which is made from a sitemap to change colors when there is a mouse over. Here is my code to make the menu:
<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" StaticDisplayLevels="2"
Orientation="Horizontal" CssClass="aspmenu">
<StaticHoverStyle CssClass="test" />
</asp:Menu>
<asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
Additionally here is the css file:
.level1
{
}
.level2
{
box-shadow: 10px 10px 5px #888888;
color: White;
font-style:italic;
text-align:center;
font-size: 1.3em;
background-color: #fdbe12;
width: 6em;
padding: 4px;
margin: 0px 25px 0px 0px;
}
.level3
{
box-shadow: 10px 10px 5px #888888;
color: White;
font-weight:100;
text-align:center;
font-size: 1.1em;
background-color: #fdbe12;
width: 6.85em;
padding: 0.25em;
}
.test
{
font-weight: bold;
background-color:Fuchsia;
color:Black;
}
Here is the pertinent part of the other CSS file:
body
{
background: #EAFDB3;
width: 100%;
}
#menuBar
{
text-align: left;
width: 43.5em;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 7.75em;
}
Here is a pic:
Why does my grid pager appear like this:
It should appear like:
Here's my code:
<asp:GridView ID="grid" runat="server" AllowSorting="True"
AutoGenerateColumns="False" CellPadding="0" GridLines="None"
PageSize='<%# int.Parse(System.Configuration.ConfigurationManager.AppSettings["gvPageSize"].ToString()) %>'
Width="100%" OnRowCreated="grid_RowCreated" CssClass="mGrid"
PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" AllowPaging="true"
OnPageIndexChanging="grid_PageIndexChanging">
and css :
.mGrid {
width: 100%;
background-color: #fff;
margin: 5px 0 10px 0;
border: solid 1px #525252;
border-collapse:collapse;}
.mGrid td {
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;}
.mGrid th {
padding: 4px 2px;
color: #fff;
background: #424242 url(grd_head.png) repeat-x top;
border-left: solid 1px #525252;
font-size: 0.9em;}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top;}
mGrid .pgr table { margin: 5px 0;}
.mGrid .pgr td {
border-width: 0;
padding: 0 6px;
border-left: solid 1px #666;
font-weight: bold;
color: #fff;
line-height: 12px;}
.mGrid .pgr a { color: #666; text-decoration: none;}
.mGrid .pgr a:hover { color: #000; text-decoration: none;}
Of the css that is applied to the pager, the ones marked in bold below like the margin and the padding are probably the key culprits in this case.
.mGrid .pgr table { margin: 5px 0;}
.mGrid .pgr td { ...... padding: 0 6px; ......
You should try inspecting the css in some DOM Inspector like the Chrome Developer Tools / Firebug and tweak it till you get it to be the way you would like it to be
i need change color in run time in panel
<span class="Apple-style-span"
style="background-color: rgba(0, 0, 0, 0); border-collapse: separate; color: rgb(0, 0, 0); font-family: Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 26px; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; ">
<span class="Apple-style-span"
style="background-color: rgb(221, 75, 57); color: rgb(255, 255, 255); ">
<div class="head"
style="margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font: normal normal normal 13px/27px Arial, sans-serif; line-height: 26px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; text-indent: 15px; background-color: rgb(153, 153, 153); ">
<h6 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: normal normal normal 13px/27px Arial, sans-serif; line-height: 30px; font-size: large; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-weight: bolder; background-color: #999999; color: #000000;">
Domain Name Registration</h6>
<div class="price"
style="border-width: 0px; margin: 0px; padding: 0px; line-height: 26px; background-color: #999999; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; font-family: Arial, sans-serif; top: 49px; left: 0px; position: absolute; height: 26px; width: 259px;">
<p class="MsoNormal">
<b><span
style="font-size:13.5pt;
font-family:"Times New Roman","serif";mso-fareast-font-family:"Times New Roman"">
Sliver Plan
Hosting
10 HTML Pages
Flash Header
Domain Forwarding
SEO Friendly
<li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font: normal normal normal 13px/27px Arial, sans-serif; line-height: 26px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-color: #CCCCCC;">
Now Special Offer!!!</li>
</span></span>
</ul>
</span></span>
</asp:Panel>
I would use jquery for that purpose:
$.("#yourobjectid" or ".classname").css({"background-color:#ababab"})
here you can read about mouse events