Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
84 views
I have some custom text that I am displaying in a radcombobox based on the following template:

<ItemTemplate>
  US
  <%# DataBinder.Eval(Container.DataItem, "AmountUSD", "{0:$####}")%>
  =
  <%# DataBinder.Eval(Container.DataItem, "Code") %>
  <%# DataBinder.Eval(Container.DataItem, "AmountLocal", "{0:$####}") %>
</ItemTemplate>

However, when an item is highlighted with the up/down arrows, the DataTextField (AmountUSD) value shows. For example, the combobox item will show "US $20 = EC $54" in the list, but when highlighted, the combobox text will show "20.0000".

I would like to either have the combobox text show as the template text or not show at all.

This custom text is already stored in an attribute called "DisplayText". Is there a way to use that?
chris_cf
Top achievements
Rank 2
 answered on 27 Apr 2012
1 answer
117 views

Hello everyone.

 

I'm new to Telerik controls but really appreciate them and have surprised myself by my progress so far. Nevertheless I have a problem which is driving me up the wall although it's probably fairly simple to solve.

 

I'm using RadAjaxManager with 3 panels in a hierarchy (not nested but dependent upon one another for data):

 

Panel1 Contains a category selector

Panel2 Contains the list that results from changing the category in Panel 1.

Panel3 Contains the details when a list item from panel 2 is clicked.

 

So in the RadAjaxManager: Panel 1 is set to update Panel 2 and Panel 2 is set to update Panel 3.

 

So far so good. Everything works fine except that Panel 3 contains a google map which, if the user clicks a new category in Panel 1, disappears. I am assuming that this is because Panel 1 updates Panel 2 and since Panel 2 is changed it is 'forced' to update Panel 3. I don't want this to happen because I'm pretty sure it's responsible for the map's disappearance.

 

In any case there is no need for Panel 1 to update Panel 3. But how do I stop this 'cascade' happening?

 

I have tried using ajaxRequestWithTarget from a control in Panel 2 to try to avoid any updates from panel 2 updating panel 3 but so far without success. Plus I only have a vague understanding of how this works and in addition I need to run a client script after the request completes (to redraw the map after the ajax has passed the coordinates back to the page) but I don't see any way to do this since OnResponseEnd doesn't get called in this scenario.

 

I'm sure this is a fairly common situation. I really hate to post in forums until I've spent hours looking for solutions to similar problems in forums. Believe me that I have now spent hours!

 

Any pointers at all appreciated.

 

Steve

 

Steven
Top achievements
Rank 1
 answered on 26 Apr 2012
1 answer
110 views
Hello everyone,
I am using a RadGrid on my mainPage.aspx; one of the columns is a GridHyperLinkColumn. When the user clicks on each hyperlink, it opens a newPage.aspx to display some data. On click of the link, it doesn't cause postback on the mainPage.aspx as per the GridHyperLinkColumn design.

I have to maintain the count of read items (hyperlink clicks) on the mainPage.aspx; so when the user clicks on the link (which opens up newPage.aspx; and sets the read flag in a db table); After the db table is updated, i have to come go back to the mainPage.aspx and set the read count.

Please give any ideas on how this can be achieved.
Richard
Top achievements
Rank 1
 answered on 26 Apr 2012
1 answer
406 views
Hi,
     I am using Rad char. I want to change color of my graph bars. How should i do that. Anybody please help me.




<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GraphicUC_Dbl.ascx.cs"
    Inherits="Medimmune.UserControls.GraphicsUC_Dbl" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>
<script src="~/Scripts/jquery.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.jqplot.js" type="text/javascript"></script>
<script src="~/Scripts/jqplot.barRenderer.min.js" type="text/javascript"></script>
<script src="~/Scripts/jqplot.categoryAxisRenderer.min.js" type="text/javascript"></script>
<script src="~/Scripts/jqplot.pointLabels.min.js" type="text/javascript"></script>
<%--<link href="~/CSS/jplot.min.css" rel="stylesheet" type="text/css" />--%>
<style type="text/css">
    table, th, td
    {
        border: 0px solid black !important; /* width: 1021px;*/
    }
    
   /* .RadChart
    {
        width: 100% !important;
        overflow: auto;
        background-color :Black;
    }
    .RadChart img
    {
        width: 1099px !important;
        overflow: auto;
        height:490px;
        background-color :Black;
    }*/
</style>
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<table class="content">
    <tr>
        <td class="graph-top" style="width: 100%">
            Select Date:&nbsp;<telerik:RadComboBox ID="radDdlMonthYear" runat="server" Width="120"
                OnSelectedIndexChanged="ddlYearMonth_SelectedIndexChanged" AutoPostBack="True"
                Skin="Office2010Black">
            </telerik:RadComboBox>
            &nbsp; Sort Order :&nbsp;<telerik:RadComboBox ID="radDdlSortOrder" runat="server"
                OnSelectedIndexChanged="radddlSortOrder_SelectedIndexChanged" Width="120" AutoPostBack="True"
                Skin="Office2010Black">
                <Items>
                    <telerik:RadComboBoxItem Text="Default" />
                    <telerik:RadComboBoxItem Text="Best to worst" />
                    <telerik:RadComboBoxItem Text="Worst to best" />
                </Items>
            </telerik:RadComboBox>
        </td>
        <td align="left">
        </td>
    </tr>
    <tr>
        <td>
            <%--style="width :100%"--%>
            <telerik:RadChart ID="rcPatientEnrollmentDouble" SkinsOverrideStyles="false" runat="server" DefaultType ="Bar"
                PlotArea-Appearance-FillStyle-FillSettings-GradientMode="Center" PlotArea-Appearance-FillStyle-MainColor="White"
                PlotArea-Appearance-FillStyle-SecondColor="White" PlotArea-Appearance-FillStyle-FillType="Gradient" PlotArea-Appearance-Dimensions-Width ="1000px"
                PlotArea-YAxis-Appearance-Visible="true" Width="1200px" Height="500px" Skin="Sunset"
                ChartTitle-Visible="false">
                <Appearance >
                    <FillStyle MainColor="#D8E6F9">
                    </FillStyle>
                    <Border Color="203, 189, 169" />
                </Appearance>
                <Series>
                    <telerik:ChartSeries Name="Series 1" Appearance-LabelAppearance-LabelLocation="Inside"
                        Appearance-LabelAppearance-RotationAngle="90">
                        <Appearance >
                            <FillStyle FillType="ComplexGradient" >
                                <FillSettings>
                                    <ComplexGradient>
                                        <telerik:GradientElement Color="222, 202, 152" />
                                        <telerik:GradientElement Color="211, 185, 123" Position="0.5" />
                                        <telerik:GradientElement Color="183, 154, 84" Position="1" />
                                    </ComplexGradient>
                                </FillSettings>
                            </FillStyle>
                            <TextAppearance TextProperties-Color="136, 124, 111">
                            </TextAppearance>
                            <Border Color="187, 149, 58" />
                        </Appearance>
                    </telerik:ChartSeries>
                    <telerik:ChartSeries Name="Series 2" Appearance-LabelAppearance-LabelLocation="Inside"
                        Appearance-LabelAppearance-RotationAngle="90">
                        <Appearance >
                            <FillStyle FillType="ComplexGradient">
                                <FillSettings>
                                    <ComplexGradient >
                                        <telerik:GradientElement Color="172, 208, 217" />
                                        <telerik:GradientElement Color="149, 193, 204" Position="0.5" />
                                        <telerik:GradientElement Color="114, 162, 175" Position="1" />
                                    </ComplexGradient>
                                </FillSettings>
                            </FillStyle>
                            <TextAppearance TextProperties-Color="136, 124, 111">
                            </TextAppearance>
                            <Border Color="129, 180, 193" />
                        </Appearance>
                    </telerik:ChartSeries>
                </Series>
                <Legend>
                    <Appearance Position-AlignedPosition="TopRight" Dimensions-Margins ="5%,2%,1px,1px">
                        <ItemTextAppearance TextProperties-Color="39, 37, 34">
                        </ItemTextAppearance>
                        <ItemMarkerAppearance Figure="Square">
                        </ItemMarkerAppearance>
                        <FillStyle MainColor="221, 213, 199">
                        </FillStyle>
                        <Border Color="189, 175, 154" />
                    </Appearance>
                </Legend>
                <PlotArea Appearance-Dimensions-Paddings ="1px,1px,1px,1px" Appearance-Dimensions-Margins ="50px,120px,50px,50px" >
                    <DataTable>
                        <Appearance RenderType="PlotAreaRelative" TextHorizontalAlign="Center" TextVerticalAlign="Middle">
                        </Appearance>
                    </DataTable>
                    <XAxis Appearance-CustomFormat="0" AutoScale="false" Appearance-LabelAppearance-RotationAngle="-45"
                        LayoutMode="Inside">
                        <Appearance Color="" MajorTick-Color="203, 189, 169">
                            <MajorGridLines Color="Transparent" PenStyle="Solid" />
                            <TextAppearance TextProperties-Color="142, 130, 117">
                            </TextAppearance>
                        </Appearance>
                        <AxisLabel>
                            <TextBlock>
                                <Appearance TextProperties-Color="142, 130, 117">
                                </Appearance>
                            </TextBlock>
                        </AxisLabel>
                        <Items>
                            <telerik:ChartAxisItem>
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="1">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="2">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="3">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="4">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="5">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="6">
                            </telerik:ChartAxisItem>
                            <telerik:ChartAxisItem Value="7">
                            </telerik:ChartAxisItem>
                        </Items>
                    </XAxis>
                    <YAxis >
                        <Appearance Color="202, 200, 171" MajorTick-Color="203, 189, 169" MinorTick-Color="Transparent">
                            <MajorGridLines Color="AliceBlue" PenStyle="Solid" Visible ="true" />
                            <MinorGridLines Visible="false" />
                            <%--<MinorGridLines Color="Black"  PenStyle="Solid" />--%>
                            <TextAppearance TextProperties-Color="142, 130, 117">
                            </TextAppearance>
                        </Appearance>
                        <AxisLabel>
                            <TextBlock>
                                <Appearance TextProperties-Color="142, 130, 117">
                                </Appearance>
                            </TextBlock>
                        </AxisLabel>
                    </YAxis>
                    <Appearance>
                        <FillStyle FillType="Solid" MainColor="White">
                        </FillStyle>
                        <Border Color="203, 189, 169" />
                    </Appearance>
                </PlotArea>
                <ChartTitle Visible="False">
                    <Appearance Visible="False">
                        <FillStyle MainColor="Transparent">
                        </FillStyle>
                    </Appearance>
                    <TextBlock>
                        <Appearance TextProperties-Color="164, 58, 0" TextProperties-Font="Arial, 18pt">
                        </Appearance>
                    </TextBlock>
                </ChartTitle>
            </telerik:RadChart>
        </td>
    </tr>
</table>
Richard
Top achievements
Rank 1
 answered on 26 Apr 2012
1 answer
200 views
     Hello.
I want to use ListView with the following functionality:
It will be numeric list of Customers (each row  has 3 clolumns: number, Customer name and "Details" button or hyperlink).
When user click "Details" button(hyperlink) from below must be showing template with detail information. And when user click this "Detail" button again,  details template mus be hidden.

I look all ListView Demos, but i still don`t uderstand how to make this functionality.
Can anybody help me, please?
Richard
Top achievements
Rank 1
 answered on 26 Apr 2012
1 answer
124 views
I have created a custom skin DLL using "Hay" as a starter skin. I changed the Upload sprites and css file to contain the colors I want for fonts, backgrounds, etc. I can't get the buttons that are present in the upload control to take the new colors and styles. They continue to take on the appearance of the "Hay" skin. What css settings toggle the buttons between normal/hover/selected.

I created a test skin using the Visual Style Builder to see if I missed something and my css file matches, except for color hex values. Any suggestions??

This is my aspx for the upload control.
<telerik:RadUpload ID="fupDocument" runat="server" ControlObjectsVisibility="None"
    InitialFileInputsCount="1" Height="25px" MaxFileInputsCount="1" OverwriteExistingFiles="true"
    MaxFileSize="5242880" Localization-Select="Browse" TabIndex="4" ReadOnlyFileInputs="True"
    Width="200px">
</telerik:RadUpload>

Second:
When using the window.radOpen with an existing aspx page, what determines the color of the window border. Using "Hay" as my base for the custom skin, the popup window is the lime green color of the Hay skin.
dhuss
Top achievements
Rank 1
 answered on 26 Apr 2012
5 answers
216 views
In my form I have a RadAjaxmanager to handle post backs for a Radgrid itemcommand.  The same item command should enable a RadToolbarButton.   However this doesn't work.  I removed the RadAjaxManager and the same code now works.

Please help!
Eyup
Telerik team
 answered on 26 Apr 2012
1 answer
84 views
Hi

I would like to get first and last day of the week in the the code behind.

Regards
Frank
Ivana
Telerik team
 answered on 26 Apr 2012
1 answer
132 views
This will be a hard explanation, but here goes:

Scenario:

We are using RadScheduler as a resource scheduler with Resource Grouping. We are having issues validating in a timely fashion with large recurring appointments and our assignment count logic.

Our Resources have an assignment count: (Example: Room #1, has an max occupancy of 100, Room #2 has an max occupancy of 2, so for a particular timeslot it can have 100 appointments in it.)

Scenario Example:

Room #1 has 100 Recurring Appointments that have a frequency of every weekday for 2 weeks, Monday-Friday 8:00 AM - 9:00 AM. Therefore the Assignment count max has been reached @ 100.

End User wants to schedule an appointment that reoccurs everyday other Tuesday @ 8 AM and it falls in one of these timeslots.
Right now we expand out the occurrences of all the reoccurring appointments to validate using SQL server and UDF, this becomes super inefficient when each of the reoccurring appointments can have 100-1000 occurrences each.

What we are looking for is there a way to take the recurrence string and compare say 2 strings, and get a return value that says that they overlap here this many times. So we can count up the amount and if its < than the assignment count then its valid.

Any ideas/help would be greatly appreciated.

Thanks,


Peter
Telerik team
 answered on 26 Apr 2012
3 answers
85 views
This is the scenario:

RadFormDecorator on a page with a MultiPage and DropDownList inside two different PageViews.
The default PageView renders fine - all the controls are nicely designed using the FormDecorator.

On the other hand, on the 2nd PageView the FormDecorator is not doing its thing and the DropDownList keeps the default style.

All the other controls work fine in both PageViews.

The problem occurs only in Google Chrome - IE and FF work as expected. This was tested in Multiple Chrome versions - problem persists.

Here is a sample code, nothing fancy:

<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager" runat="server" AsyncPostBackTimeout="1000">
</telerik:RadScriptManager>
<telerik:RadFormDecorator ID="rfd" runat="server" Skin="Office2010Blue" DecoratedControls="All" />
<telerik:RadTabStrip ID="ts" runat="server" Skin="Office2007" MultiPageID="rp" CausesValidation="False"
    SelectedIndex="0" AutoPostBack="false">
    <Tabs>
        <telerik:RadTab Text="Customer Information" PageViewID="rvp1">
        </telerik:RadTab>
        <telerik:RadTab Text="Items" PageViewID="rvp2">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="rp" runat="server" SelectedIndex="0">
    <telerik:RadPageView ID="rvp1" runat="server" Selected="true">
        <asp:DropDownList ID="DropDownList1" runat="server">
        </asp:DropDownList>
    </telerik:RadPageView>
    <telerik:RadPageView ID="rvp2" runat="server">
        <asp:DropDownList ID="DropDownList2" runat="server" Width="100px">
        </asp:DropDownList>
    </telerik:RadPageView>
</telerik:RadMultiPage>
</form>

Niko
Telerik team
 answered on 26 Apr 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?