Questions on UI for ASP.NET AJAX Forum

6 answers

336 views

Rad list box scrollintoview show item in first

Dear telerik team,

In Radlistbox contains number of items, Am finding using textbox. using tem.scrollIntoView am achieving scroll the position to change. I need to show as first in the item. Is any script to show item as top. Below coding is am using.

ASPX

--------

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<telerik:RadTextBox ID="txtSelectPgm" TabIndex="1" runat="server" Width="295px" onpaste="filterListBoxPaste()" ClientEvents-OnFocus="focusto" ClientEvents-OnKeyPress="filterListBox" SelectionOnFocus="SelectAll">

</telerik:RadTextBox >

</td>

</tr>

<tr>

<td>

<telerik:RadListBox ID="lstSelectPgm" TabIndex="4" OnClientSelectedIndexChanged="GetProgramName"

runat="server"

Width="300px"

Height="390px" AutoPostBack="false">

</telerik:RadListBox>

</td>

</tr>

</table>

JS:

----

function filterListBox(sender, e) {

var SelectPrgm;

var list = $find("ctl00_Content_lstSelectPgm");

SelectPrgm = $find("ctl00_Content_txtSelectPgm");

if (searchText == "")

searchText = e.get_keyCharacter();

else

searchText = SelectPrgm.get_value() + e.get_keyCharacter();

var items = list.get_items();

for (var i = 0; i < items.get_count(); i++) {

var item = items.getItem(i);

if (item.get_text().toLowerCase().startsWith(searchText.toLowerCase())) {

item.select();

item.ensureVisible();

item.scrollIntoView;

break;

}

SelectPrgm.set_textBoxValue(searchText);

setTimeout(filterText, 10);

}

ListBox

answered on 07 Dec 2011

5 answers

121 views

Creating 50px high menu

I'm new to Telerik controls and I would like to know who to achieve the same (as the attached picture) with radMenu?

Also where are the skins and how do I add them to a project?

Menu

answered on 07 Dec 2011

2 answers

78 views

Rebind RadGrids Only When Datasource Changes?

Hi Telerik Friends,

I am working on an application which uses RadGrids pretty heavily. In order to make sure that the grids are up to date, I've put them on a timer to rebind at a regular interval. This causes some problems though, and just seems heavy handed.

Is there a way to have my grids rebind only when there are explicit changes to the data-source?

I have some ideas of how to do this, but it could take a lot of time that I don't have!

Thanks for any help,

Dan

Grid

answered on 07 Dec 2011

4 answers

584 views

Export to PDF and table borders

Hi,
I have a radgrid with a table in which has border=0 for layout then a nested table with borders, however when it exports to pdf the border appears on all the tables?

Any ideas how I can remove the border on first layout table please?

Karl

<telerik:RadGrid ID="rgPowerTrain" Skin="Sitefinity" EnableEmbeddedSkins="false" AutoGenerateColumns="false"
GridLines="None" BorderStyle="None" runat="server" OnNeedDataSource="rgPowerTrain_NeedDateSource"
CssClass="DealSheetRadGrid" Visible="true" OnItemDataBound="rgPowerTrain_ItemDataBound"
ItemStyle-BorderStyle="None">

<ExportSettings IgnorePaging="true" OpenInNewWindow="true">
<Pdf PageHeight="297mm" PageWidth="210mm" PageTopMargin="0mm" PageLeftMargin="10mm"
PageRightMargin="10mm" AllowModify="false" AllowCopy="false" Author="Finning (UK)"
PageBottomMargin="25mm" Creator="Finning (UK)" />
</ExportSettings>
<MasterTableView TableLayout="Fixed" BorderStyle="None" EditMode="InPlace" Width="550"
Font-Names="Arial Unicode MS" Visible="true" Font-Size="10px" BorderWidth="0">
<Columns>
<telerik:GridTemplateColumn ItemStyle-Width="600">
<ItemTemplate>
<h3 style="text-align:center;"><u>EPP Warranty Certificate</u></h3>
<h4 style="text-align:center;">Powertrain Cover - Heavy Construction (HC)</h4>
<uc1:EPPCertHeader runat="server" ID="EppCertHeader1" />
<p><strong>Power train coverage covers components on the machine that are used to produce, transmit, engine horsepower for the purpose of moving the machine against defect in material and workmanship.</strong></p>
<table width="550" border="0" rules="none" frame="void" style="border:none">
<col />
<tr>
<td>

<table width="550" border="1" >
<colgroup span="2"></colgroup>
<tr>
<td>
<h4 style="text-align:center;"> Components covered:</h4>
<ul style="margin-left:15px;">
<li><b style="font-weight:bold">Basic Engine </b>– including engine components essential to engine operation e.g. Fuel Pump, Water pump, Turbo, Governor and Engine Control Module.</li>
<li><strong style="font-weight:bold">Transmission </strong>– including pump and hydraulic controls.</li>
<li><strong>Torque Converter / Divider</strong></li>
<li><strong>Drive Line </strong>– including shafts and Universal Joints.</li>
<li><strong>Differential</strong></li>
<li><strong>Transfer Gear Group</strong></li>
<li><strong>Drive Axles</strong></li>
<li><strong>Final Drives</strong></li>
<li><strong>Hydraulic Drive Pumps and Motors</strong></li>
<li><strong>Brake Components</strong> – if used to provide steering</li>
<li><strong>Steering Clutch Components</strong></li>
<li><strong>Differential Steering Components</strong></li>
<li><strong>Vibratory Components</strong></li>
<li><strong>Rotor Drive Mechanism</strong></li>
<li><strong>Electronic Controls</strong></li>
</ul>
<p><i>A complete list of covered components is available upon request at your local Finning branch.</i></p>
</td>
<td>
<h4 style="text-align:center;">Excluded Components</h4>
<ul style="margin-left:15px;">
<li><strong>Radiator</strong></li>
<li><strong>Engine Attachments</strong> – Alternator, Starter, Air Compressor and the Air Conditioning Compressor.</li>
<li><strong>External Hoses and Lines</strong> – except Hydrostatic Drive lines.</li>
</ul>
<p>Service Items such as:</p>
<ul style="margin-left:15px;">
<li>Coolant</li>
<li>Oil</li>
<li>Additives</li>
</ul>

<div style="font-weight:bold;margin-bottom:0;padding-bottom:0;">Maintenance Items such as:</div>
<ul style="margin-left:15px;margin-top:0;padding-top:0;">
<li>V-Belts</li>
<li>Filters and Elements</li>
<li>Fuses and Wiper Blades</li>
<li>Lamps, Lights and Bulbs</li>
<li>Paint and Decals</li>
<li>Weld maintenance structural repair such as defined in the Operation and Maintenance Manual.</li>
<li>Driveline Wear Items </li>
</ul>

<div>General Exclusions and Limitations:</div>
<ul style="margin-left:15px;">
<li>Operator Abuse or Neglect</li>
<li>Wear out or normal deterioration</li>
<li>Chemical corrosion and physical or mechanical erosion.</li>
<li>Accelerated wear out of components due to operating technique or application.</li>
<li>Accident damage </li>
</ul>
</td>
</tr>

</table>
<?hard-pagebreak?>
</td>
</tr>
<tr>
<td><center>Terms and Conditions</center>
<uc1:EPPSmallPrintOil runat="server" ID="EPPSmallPrintOil1" />
</td>
</tr>
<tr>
<td>
<uc1:EPPWarning runat="server" ID="EPPWarning1" />
</td>
</tr>
</table>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

Grid

answered on 07 Dec 2011

3 answers

131 views

how to Add Weeklink and '+' button in scheduler Monthview

Hello,

i have been working on calendar functionality using rad scheduler ,and come across some requirements and want to know if its possible using Radscheduler.
1)In month view screen an additional column can be provided at the beginning with 'Week' link. Click on this should lead to the week view.
2)All the days in week and month view must have a '+' symbol. Click on this will lead user to create event page with selected date auto populated.

below i am sending an image of above two requirements and i want to know how to do this in radscheduler please reply soon ,thanks in advance.

Regards,
Madhukar.

Scheduler

answered on 07 Dec 2011

1 answer

48 views

Annotation facility in RadChart for ASP.Net Ajax

Can we display database field values in radchart with proper annotation.

Please Help..

Chart (Obsolete)

answered on 07 Dec 2011

1 answer

88 views

Point Chart, Zoom + Tooltips + Axis Lines

Hello, I am currently working on building a four-quadrant point chart and have a few questions and one issue.

Questions:

How do I remove the X and Y axis lines that show where 0 is on the chart?
Is there a way to set how far in you zoom when you click on the chart?
How do I set custom strip lines at a specified point for both X and Y?

Issue:

Tooltips are not working when Zoom is enabled, when I disable Zoom the tooltips display again.

Chart (Obsolete)

answered on 07 Dec 2011

3 answers

67 views

Odd Behavior with FilterTemplate on RadComboBox

I have a screen that contains a RadGrid where I set the GroupSetting CaseSensitive = false, and I allow filter b column. This woks for all my columns except for a column I have set with a filter template that contains a RadComboBox. When I select from the combo nothing gets returned. When I run SQL Server Profiler I can see the OnNeedDataSouce query works and returns data. If I change the grid to populate with the column being set to upper case it works. If I Remove the CaseSensitive it works. Why is it having an issue with the filter with a radcombo box?

<GroupingSettings CaseSensitive="false" />

<ExportSettings>

<Excel Format="Html" />

</ExportSettings>

<AlternatingItemStyle BackColor="#EEEEEE"></AlternatingItemStyle>

<MasterTableView DataKeyNames="AdvisorBlotterID" PagerStyle-Mode="NextPrevNumericAndAdvanced">

<Columns>

<telerik:GridBoundColumn SortExpression="ClientName" DataField="ClientName" HeaderText="Client Name" >

<FilterTemplate>

<telerik:RadComboBox ID="RadComboBoxClientName" DataTextField="ClientName" DataValueField="ClientName" AppendDataBoundItems="true" Width="150px"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ClientName").CurrentFilterValue %>' runat="server" OnClientSelectedIndexChanged="ClientNameIndexChanged" Skin="Office2007">

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function ClientNameIndexChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

if (args.get_item().get_value() == "0") {

tableView.filter("ClientName", args.get_item().get_value(), "NoFilter");

}

else {

tableView.filter("ClientName", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

<ItemStyle VerticalAlign="Top" />

</telerik:GridBoundColumn>

Grid

answered on 07 Dec 2011

3 answers

185 views

Radchart Empty value feature

I am using Rad chart in which i am allocating the datasource as dataset that is created dynamically through an xml file, what i want is when there is no record found for particular data it shows null(zero),i want to smooth the graph according to the dynamic data ie. graph should not break in between it should be smooth, i tried implimenting empty value property but was of no help, i think i am not able to get it right. I have attached a screenshot that demonstrates my problem related to null records(zero), though its not that similar i just want to remove in between zero or null value issue.

Thanks
Peeyush Pandey

<telerik:RadChart ID="draw_graph" runat="server" Style="margin-top: -21px; margin-left: 3px;"

Height="500px" Width="1180px" Skin="LightGreen" AutoLayout="true">

<PlotArea>

<XAxis MaxValue="5" MinValue="1" Step="1" LayoutMode="normal" DataLabelsColumn="Name">

<Appearance Color="182, 182, 182" MajorTick-Color="216, 216, 216">

<MajorGridLines Color="216, 216, 216" PenStyle="Solid" />

<TextAppearance TextProperties-Color="51, 51, 51">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="51, 51, 51">

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

<YAxis>

<Appearance Color="182, 182, 182" MajorTick-Color="216, 216, 216" MinorTick-Color="223, 223, 223">

<MajorGridLines Color="216, 216, 216" />

<MinorGridLines Color="223, 223, 223" />

<TextAppearance TextProperties-Color="51, 51, 51">

</TextAppearance>

</Appearance>

<AxisLabel Visible="true">

<TextBlock Text="% ( In Percent )" Appearance-TextProperties-Color="Orange" Appearance-TextProperties-Font="Bold">

<Appearance TextProperties-Color="Orange" TextProperties-Font="Bold">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance>

<FillStyle FillType="Solid" MainColor="White">

</FillStyle>

<Border Color="182, 182, 182" />

</Appearance>

</PlotArea>

<ChartTitle>

<Appearance Position-AlignedPosition="Top">

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock Text="Company Analysis" Appearance-Position-AlignedPosition="Top">

<Appearance TextProperties-Color="Black" TextProperties-Font="Arial, 12pt">

</Appearance>

</TextBlock>

</ChartTitle>

<Appearance Corners="Round, Round, Round, Round, 7">

<FillStyle FillType="ComplexGradient">

<FillSettings GradientMode="Horizontal">

<ComplexGradient>

<telerik:GradientElement Color="236, 236, 236" />

<telerik:GradientElement Color="248, 248, 248" Position="0.5" />

<telerik:GradientElement Color="236, 236, 236" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<Border Color="130, 130, 130" />

</Appearance>

<Legend>

<Appearance Overflow="Row" Position-AlignedPosition="Bottom" Dimensions-Margins="17.6%, 3%, 3px, 6px"

Dimensions-Paddings="2px, 8px, 6px, 3px">

<ItemMarkerAppearance Figure="Square" FillStyle-MainColor="Green">

<Border Width="0" />

</ItemMarkerAppearance>

<FillStyle>

</FillStyle>

<Border Width="1" />

</Appearance>

</Legend>

</telerik:RadChart>

Chart (Obsolete)

answered on 07 Dec 2011

1 answer

81 views

unable to open exporttoExcel in new window

i have a widget which has a grid.I m importing inbuilt export functionality of RadControl.on clicking ExportToExcel icon, postBack occurs and my radgrid shows all those columns only that i want to show in exported document,and all the radgrid columns becom disable i.e. its ajaxenable property becomes false..i referred telerik export demo

Grid

answered on 07 Dec 2011