Questions on UI for ASP.NET AJAX Forum

1 answer

90 views

How to display AddNewRecordButton on Right Side in CommandItemTemplate instead of normal left side

Grid

answered on 04 Feb 2015

0 answers

76 views

Tab Strip with Bitmaps - Skin showing

Using a tab strip with bitmaps for the tabs, per sample code provided online. The ski bitmap is still showing next to the images. The .jpgs are not centered but offset on the tabs and you can see the lines of the tabs in the skins next to the bitmaps and even below the bitmaps when looking at the web site. The example in the demo seems to work perfectly the way I like but have not been able to get to that state. Also can not get the strip to go to the bottom of the page, etc. Have tried setting the sizes to correspond exactly to the bitmaps but nothing has worked. Again bitmaps are shifted to the right and you can see the lines of a tab strip. Have tried multiple different skins, basically need a skin which does not have any graphics at all. Last thing I tried was setting the skin rendering to false but that has not fixed the issue either.

Don

<body>
    <form id="form1" runat="server">
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"></telerik:RadAjaxManager>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"></telerik:RadStyleSheetManager>
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
    <div>
                <telerik:RadTabStrip runat="server" ID="RadTabStrip1"
                    MultiPageID="RadMultiPage1" Width="500px" SelectedIndex="4" Skin="Windows7"
                    Height="35px" Align="Center" BackColor="White" EnableAjaxSkinRendering="False">
                    <Tabs>
                        <telerik:RadTab ImageUrl="/images/Weight.jpg"   ToolTip="Weight"
                            SelectedImageUrl="/images/Weight-hover.jpg" align="center"
                            HoveredImageUrl="/images/Weight-hover.jpg"   Width="100" BackColor="white" ></telerik:RadTab>
                        <telerik:RadTab ImageUrl="/images/people.jpg"   ToolTip="Athletes"
                            SelectedImageUrl="/images/People-hover.jpg" align="center"
                            HoveredImageUrl="/images/People-hover.jpg"   Width="100" BackColor="white" ></telerik:RadTab>
                        <telerik:RadTab ImageUrl="/images/calendar.jpg" ToolTip="Calendar"
                            SelectedImageUrl="/images/Calendar-hover.jpg" align="center"
                            HoveredImageUrl="/images/Calendar-hover.jpg" Width="100" BackColor="white" ></telerik:RadTab>
                        <telerik:RadTab ImageUrl="/images/Notes.jpg"    ToolTip="Notes"
                            SelectedImageUrl="/images/Notes-hover.jpg"   align="center"
                            HoveredImageUrl="/images/Notes-hover.jpg"    Width="100" BackColor="white"></telerik:RadTab>
                        <telerik:RadTab ImageUrl="/images/MyPage.jpg"   ToolTip="My Exercise"
                            SelectedImageUrl="/images/MyPage-hover.jpg" align="center"
                            HoveredImageUrl="/images/MyPage-hover.jpg"   Width="100" BackColor="white"></telerik:RadTab>
                    </Tabs>
                </telerik:RadTabStrip>
                <telerik:RadMultiPage runat="server" ID="RadMultiPage1" SelectedIndex="4"
                    CssClass="outerMultiPage">
                    <telerik:RadPageView runat="server" ID="PageView1">
                        <telerik:RadCalendar ID="RadCalendar1" Runat="server" Skin="Glow">
                            <WeekendDayStyle CssClass="rcWeekend" />
                            <CalendarTableStyle CssClass="rcMainTable" />
                            <OtherMonthDayStyle CssClass="rcOtherMonth" />
                            <OutOfRangeDayStyle CssClass="rcOutOfRange" />
                            <DisabledDayStyle CssClass="rcDisabled" />
                            <SelectedDayStyle CssClass="rcSelected" />
                            <DayOverStyle CssClass="rcHover" />
                            <FastNavigationStyle CssClass="RadCalendarMonthView RadCalendarMonthView_Glow" />
                            <ViewSelectorStyle CssClass="rcViewSel" />
                        </telerik:RadCalendar>
                    </telerik:RadPageView>

                    <telerik:RadPageView runat="server" ID="PageView2">
                    </telerik:RadPageView>

TabStrip

asked on 03 Feb 2015

5 answers

99 views

Error argument out of range in GridBoundColumn, Telerik 2014

Hello,
I upgraded to new Telerik version 2014_1_403 from 2011_3_1305 and compatibility issues started...

ASP :
   <telerik:RadGrid runat="server" DataSourceID="dsStandardProduct" ID="uiChoicesGrid"
   Width="900" >
   <MasterTableView AutoGenerateColumns="false" AllowAutomaticInserts="true" AllowAutomaticUpdates="true"
   AllowAutomaticDeletes="true" CommandItemDisplay="Top" InsertItemDisplay="Top"
   DataKeyNames="ProductTypeID, ValueRangeID" EditMode="InPlace">
   <Columns>
   <telerik:GridCheckBoxColumn SortExpression="IsStandard" HeaderText="Standard" HeaderButtonType="TextButton" DataField="IsStandard" UniqueName="IsStandard">
   </telerik:GridCheckBoxColumn>
   <telerik:GridBoundColumn SortExpression="OvercostEuros" HeaderText="Overcost (Euros)"
   HeaderButtonType="TextButton" DataField="OvercostEuros" UniqueName="OvercostEuros">
   </telerik:GridBoundColumn>
   </Columns>
   </MasterTableView>
   </telerik:RadGrid>

VB :
   Private Sub uiChoicesGrid_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles uiChoicesGrid.ItemDataBound
   If TypeOf e.Item Is GridDataInsertItem Then
   Dim item As GridDataInsertItem = e.Item
   Dim chk As CheckBox = item("IsStandard").Controls(0)
   Dim txt As TextBox = item("OverCostEuros").Controls(0)
     logic continues...

But the above line of code "Dim txt As TextBox = item("OverCostEuros").Controls(0)" generates an Argument Out Of Range Exception

Please suggest.
Thanks

Grid

answered on 03 Feb 2015

3 answers

233 views

RadGrid filter with Date when LinqExpression is enabled

I Have a radgrid running with EnableLinqExpression="false". I am using this to get the filter string to support by the database. but when i try to filter with Datecolumn (GridDateTimeColumn) I were not able to execute the sql generated by filter string. my database is an Oracle 11g. is there any way to generate the filter string to support by oracle database?

Grid

answered on 03 Feb 2015

5 answers

663 views

ItemStyle-ForeColor

I have a grid with telerik:GridBoundColumn where I try to change the text color to red.
If the text data is unformatted it works, but not if the text is HTML Code / is a url.
Have tried with ItemStyle-ForeColor="Red" and:

Protected Sub RadGrid1_ItemDataBound(sender As Object, e As GridItemEventArgs)

If TypeOf e.Item Is GridDataItem Then

Dim dataItem As GridDataItem = TryCast(e.Item, GridDataItem)

Dim myCell As TableCell = dataItem("FormularUrl")

myCell.ForeColor = Color.Red

End If

End Sub

Grid

answered on 03 Feb 2015

1 answer

155 views

Loading Panel not working when using filter buttons to filter and rebind radgrid

Hi,

I have radgrid where the loading panel works when I enter larger page size like from 50 to 350 items per page. Then the spinning loading panel appears. I have a group of radcombobox to make selection to filter down the amount of records. When I click on the radbutton to apply the filter selection and rebind the datatable to the radgrid datasource, the loading panel does not appear. Any help is greatly appreciated.

<telerik:RadAjaxPanel runat="server" ID="pnlRadAjax">

        <asp:Panel runat="server" ID="pnlFilter">
             <div class="contentGroupHeading">
                <table>
                    <tr>
                        <td style="width: 100%"><asp:Label ID="lblFilter" runat="server" style="text-align:center" Text="Petitions Workload Filters" /></td>
                    </tr>
                </table>
             </div>
            <br />
            <table>
                <tr>
                    <td><asp:Label runat="server" ID="lblSDNType" Text="SDN Type: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbSDNType" DataTextField="SDN_TYPE" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                    <td></td>
                    <td><asp:Label runat="server" ID="lblDetermination" Text="Determination: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbDetermination" DataTextField="DETERMINATION" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                    <td></td>
                    <td><asp:Label runat="server" ID="lblStatusCode" Text="Status Code: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbStatusCode" DataTextField="STATUS_CODE" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                </tr>
                <tr>
                    <td><asp:Label runat="server" ID="lblCaseType" Text="Case Type: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbCaseType" DataTextField="CASE_TYPE" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                    <td></td>
                    <td><asp:Label runat="server" ID="lblOwnerType" Text="Owner Type: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbOwnerType" DataTextField="OWNER_TYPE" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                    <td></td>
                    <td><asp:Label runat="server" ID="lblIsPrimaryInvestigator" Text="Is Primary Investigator: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbIsPrimaryInvestigator" DataTextField="IS_PRIMARY_INVESTIGATOR" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                </tr>
                <tr>
                    <td><asp:Label runat="server" ID="lblProgram" Text="Program: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbProgram" DataTextField="PROGRAM" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                    <td></td>
                    <td><asp:Label runat="server" ID="lblInvestigatorDivision" Text="Investigator Division: " Font-Bold="true"></asp:Label></td>
                    <td><telerik:RadComboBox runat="server" ID="rcbInvestigatorDivision" DataTextField="INVESTIGATOR_DIVISION" CheckBoxes="true" EnableCheckAllItemsCheckBox="true"></telerik:RadComboBox></td>
                    <td colspan="4"></td>
                </tr>
                <tr>
                    <td colspan="4"> </td>
                </tr>
                <tr>
                    <td><telerik:RadButton runat="server" ID="rbtnFilter" Text="Filter Results" OnClick="rbtnFilter_Click"></telerik:RadButton></td>
                    <td><telerik:RadButton runat="server" ID="rbtnClearFilter" Text="Clear Filters" OnClick="rbtnClearFilter_Click"></telerik:RadButton></td>
                </tr>
            </table>
            <br />
            <br />
        </asp:Panel>

<br />

        <asp:Panel runat="server" ID="pnlInvestigatorPetition" >
            <div class="contentGroupHeading">
                <table>
                    <tr>
                        <td style="width: 100%"><asp:Label ID="Label1" runat="server" style="text-align:center" Text="Investigator Petition" /></td>
                        <td><asp:ImageButton ID="imgExcel" runat="server" ImageUrl="~/Images/Excel_Icon.gif" OnClick="imgExcel_Click" AlternateText="Raw Export" ToolTip="Export Unformatted Excel (for data analysis)" /></td>
                        <td>&nbsp&nbsp</td>
                        <td><asp:ImageButton runat="server" ID="imgExcelFormatted" ImageUrl="~/images/Excel_Icon.gif" OnClick="imgExcel_Click" AlternateText="Formatted Export" ToolTip="Export Formatted Excel (for presentation)" /></td>
                    </tr>
                </table>
            </div>
            <br />
            <telerik:RadGrid ID="gridInvestigatorPetition" runat="server" HeaderStyle-Font-Bold="true"
                GridLines="none"
                Skin="OFACStyle"
                AllowSorting="True" AllowPaging="true" PageSize="50"
                EnableEmbeddedSkins="false"
                ShowGroupPanel="True"
                AutoGenerateColumns="False"
                PagerStyle-AlwaysVisible="true"
                MasterTableView-ShowGroupFooter="true"
                OnPreRender="gridInvestigatorPetition_PreRender"
                OnItemDataBound="gridInvestigatorPetition_ItemDataBound"
                OnNeedDataSource="gridInvestigatorPetition_NeedDataSource">
            <GroupHeaderItemStyle ForeColor="Black" Font-Size="Medium"/>
            <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
            <MasterTableView Width="100%" AllowMultiColumnSorting="true" DataKeyNames="SDN_UID">
            <GroupByExpressions>
                <telerik:GridGroupByExpression>
                    <SelectFields>
                        <telerik:GridGroupByField FieldName="INVESTIGATOR_DIVISION" HeaderText="Investigator Division" />
                    </SelectFields>
                    <GroupByFields>
                        <telerik:GridGroupByField FieldName="INVESTIGATOR_DIVISION" HeaderText="Investigator Division" SortOrder="Ascending" />
                    </GroupByFields>
                </telerik:GridGroupByExpression>
                <telerik:GridGroupByExpression>
                    <SelectFields>
                        <telerik:GridGroupByField FieldName="PRIMARY_INVESTIGATOR" HeaderText="Primary Investigator" />
                    </SelectFields>
                    <GroupByFields>
                        <telerik:GridGroupByField FieldName="PRIMARY_INVESTIGATOR" HeaderText="Primary Investigator" />
                    </GroupByFields>
                </telerik:GridGroupByExpression>
            </GroupByExpressions>
            <Columns>

                <telerik:GridBoundColumn SortExpression="INVESTIGATOR_DIVISION" HeaderText="Investigator Division" HeaderButtonType="TextButton" DataField="INVESTIGATOR_DIVISION" ></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="PRIMARY_INVESTIGATOR" HeaderText="Primary Investigator" HeaderButtonType="TextButton" DataField="PRIMARY_INVESTIGATOR" Aggregate="Min" FooterAggregateFormatString="{0} Total"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="CASE_STATUS" HeaderText="Case Status" HeaderButtonType="TextButton" DataField="CASE_STATUS"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="PRIORITY" HeaderText="Priority" HeaderButtonType="TextButton" DataField="PRIORITY"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="CASE_ID" HeaderText="Case ID" HeaderButtonType="TextButton" DataField="CASE_ID"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="PROGRAM" HeaderText="Program" HeaderButtonType="TextButton" DataField="PROGRAM"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="SDN" HeaderText="SDN" HeaderButtonType="TextButton" DataField="SDN"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="RESPONSIBLE_PARTY" HeaderText="Responsible Party" HeaderButtonType="TextButton" DataField="RESPONSIBLE_PARTY"></telerik:GridBoundColumn>

                <telerik:GridTemplateColumn DataField="DAYS_ON_CLOCK" UniqueName="ChartColumn" HeaderText="">
                        <ItemTemplate>
                            <div style="width: 100px; height: 50px;">
                                <telerik:RadHtmlChart ID="htmlChartDaysOnClock" runat="server" Width="100" Height="50" Legend-Appearance-Visible="false" PlotArea-YAxis-MaxValue="1000" PlotArea-XAxis-MaxValue="1000" PlotArea-XAxis-MajorGridLines-Visible="false" PlotArea-XAxis-MinorGridLines-Visible="false" PlotArea-YAxis-MajorGridLines-Visible="false" PlotArea-YAxis-MinorGridLines-Visible="false" PlotArea-YAxis-Visible="false" PlotArea-XAxis-Visible="false" >
                                    <Legend>
                                        <Appearance Visible="false">
                                        </Appearance>
                                    </Legend>
                                    <PlotArea>
                                        <Series>
                                            <telerik:BarSeries DataFieldY="quantity">
                                                <LabelsAppearance Visible="false">
                                                </LabelsAppearance>
                                                <TooltipsAppearance Color="White" />
                                            </telerik:BarSeries>
                                        </Series>
                                        <XAxis DataLabelsField="pName">
                                        </XAxis>
                                    </PlotArea>
                                </telerik:RadHtmlChart>
                            </div>
                        </ItemTemplate>
                </telerik:GridTemplateColumn>


                <telerik:GridBoundColumn SortExpression="DAYS_ON_CLOCK" HeaderText="Days On Clock" HeaderButtonType="TextButton" DataField="DAYS_ON_CLOCK"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="NO_OF_CASES" HeaderText="# of Cases" HeaderButtonType="TextButton" DataField="NO_OF_CASES" UniqueName="TotalCases" Aggregate="Sum" FooterText="Total Cases: "></telerik:GridBoundColumn>
                <telerik:GridBoundColumn SortExpression="NO_OF_TARGETS" HeaderText="# of Targets" HeaderButtonType="TextButton" DataField="NO_OF_TARGETS" UniqueName="TotalTargets" Aggregate="Sum" FooterText="Total Targets: "></telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
            <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True">
                <Selecting AllowRowSelect="True"></Selecting>
                <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="False"></Resizing>
            </ClientSettings>
            <GroupingSettings ShowUnGroupButton="true" RetainGroupFootersVisibility="true"></GroupingSettings>
        </telerik:RadGrid>
    </asp:Panel>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="Windows7"></telerik:RadAjaxLoadingPanel>

</div>
</asp:Content>

Grid

answered on 03 Feb 2015

1 answer

77 views

Remove Tile Clientside

Dear Telerik Team

Is it possible to remove a tile clientside. If yes could you show me an example. I have searched allready but didn't find any solution or hint.

Greetings
Thomas Luck

TileList

answered on 03 Feb 2015

1 answer

84 views

RadDateTimePicker is not working with IE 8, 10

Hi,

I have RadDateTimePicker in my ASP.net web page.
I noticed that it is not working properly on IE 8 and 10. After selecting the date or the time, the control shows another date (wrong year).
I also tried the Demo page
http://demos.telerik.com/aspnet-ajax/calendar/examples/overview/defaultcs.aspx

It contains the same issue.
Can you help me please?

Thank you in advance.

Calendar

answered on 03 Feb 2015

3 answers

197 views

Hierarchical radgrid : Expand state

Hi all,
I have a hierarchical radgrid. I have problem like, on postback the hierarchy expand state is vanished. When a button outside the grid is clicked, the expanded row will be collapsed, I need it expanded even after the button click.
Please help.

Thanks in advance

Grid

answered on 03 Feb 2015

1 answer

132 views

Creating new custom skin based on MetroTouch

Hello

All I need is to change colors of several controls in common skin MetroTouch. I easily create and download new skin through Visual Style Builder. But when I apply the new skin some elements are corrupted.

For testing the problem I have created a new skin based on MetroTouch without any changes. I downloaded it and applied to a toolbar and a greed. But the result cordially differ from the result when I simply use standard MultiTouch skin (see attachment).

So what is problem? I use UI for ASP.NET AJAX 2014.2 724 (Jul 24, 2014)

Visual Style Builder

answered on 03 Feb 2015