Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
327 views
I am attempting to do something similar to this but slightly different. I am attempting to put a raddatepicker in a radgrid filter template with the textbox disabled so the user cannot enter a date and must use the datepicker button. Then I want to have an imagebutton next to the datepicker that will clear the filter. The datepicker works as expected and filters the radgrid appropriately but clicking the imagebutton does not clear the filter. Here is my code for the column including javascript:

<telerik:GridTemplateColumn DataField="openDate" DataType="System.DateTime" HeaderText="Open Date"
    SortExpression="openDate" UniqueName="openDate" ReadOnly="True" FilterControlAltText="Filter open date">
    <HeaderStyle Width="150px" />
    <FilterTemplate>
        <telerik:RadDatePicker ID="OpenedRadDatePicker" runat="server" ClientEvents-OnDateSelected="OpenDateSelected"
            DbSelectedDate='<%# SetOpenedDate(Container) %>' DateInput-DisplayDateFormat="yyyy/MM/dd"
            Culture="en-US">
            <Calendar ID="OpenedRadDatePickerCalendar" runat="server" UseColumnHeadersAsSelectors="False"
                UseRowHeadersAsSelectors="False" ViewSelectorText="x">
            </Calendar>
            <DateInput ID="OpenedRadDatePickerDateInput" runat="server" DateFormat="yyyy/MM/dd"
                DisplayDateFormat="yyyy/MM/dd" Enabled="false">
                <ClientEvents OnLoad="OnClientLoad" />
            </DateInput>
            <DatePopupButton HoverImageUrl="" ImageUrl="" />
            <ClientEvents OnDateSelected="OpenDateSelected" />
        </telerik:RadDatePicker>
        <asp:ImageButton ID="ClearOpenDateButton" runat="server" ImageUrl="images/cancel.gif"
            AlternateText="Show All" ToolTip="Clear Open Date Filter" Style="vertical-align: middle"
            Height="15px" Width="15px" OnClientClick="ClearDateSelected(); return true;" />
        <telerik:RadScriptBlock ID="OpenDateSelectedRadScriptBlock" runat="server">
            <script type="text/javascript">
                var datePicker;
                function OnClientLoad(sender, args) {
                    datePicker = sender;
                }
 
                function ClearDateSelected() {
                    datePicker.clear();
                }
 
                function OpenDateSelected(sender, args) {
                    var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                    var date = FormatSelectedDate(sender);
                    var nextDate = GetNextSelectedDate(sender);
                    if (date != "" && nextDate != "") {
                        tableView.filter("openDate", date + " " + nextDate, Telerik.Web.UI.GridFilterFunction.Between);
                    }
                    else {
                        tableView.filter("openDate", "", Telerik.Web.UI.GridFilterFunction.NoFilter);
                    }
                }
 
                function FormatSelectedDate(picker) {
                    var formattedDate = "";
                    var date = picker.get_selectedDate();
                    if (date != null) {
                        var dateInput = picker.get_dateInput();
                        formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, "M/d/yyyy");
                    }
 
                    return formattedDate;
                }
                function GetNextSelectedDate(picker) {
                    var formattedDate = "";
                    var date = picker.get_selectedDate();
 
                    if (date != null) {
                        date.setDate(date.getDate() + 1);
                        var dateInput = picker.get_dateInput();
                        formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, "M/d/yyyy");
                    }
 
                    return formattedDate;
                }
            </script>
        </telerik:RadScriptBlock>
    </FilterTemplate>
    <ItemTemplate>
        <asp:Label runat="server" ID="openDateLabel" Text='<%# Eval("openDate", "{0:yyyy/MM/dd}") %>'></asp:Label>
    </ItemTemplate>
</telerik:GridTemplateColumn>
 
 
protected DateTime? SetOpenedDate(GridItem item)
{
    string openFilter = item.OwnerTableView.GetColumn("openDate").CurrentFilterValue;
    if (string.IsNullOrEmpty(openFilter))
    {
        return new DateTime?();
    }
    else
    {
        return DateTime.Parse(openFilter.Substring(0, openFilter.IndexOf(" ")));
    }
}

When I press the ClearOpenDateButton while the radgrid is filtered, I do get the partial page postback. The RadGrid_ItemCommand event is properly fired, the LinqDataSource Selecting and Selected events run correctly as well and in the Selected event, it does indeed indicate in the arguments that all rows are being returned from the datasource but the grid doesn't get updated. I'm thinking it's just an update problem but I'm not sure why it works fine with the raddatepicker but not the imagebutton.

Also when I press the ClearOpenDateButton, the datepicker does clear the selected date as expected.
Pavlina
Telerik team
 answered on 15 Apr 2016
2 answers
126 views

I've bumped up against an issue where in the basic rotator, my button on the right overlaps the content.  This happens only in Chrome, and it looks fine in all other browsers.  I haven't added any styling and I'm doing it on a blank test page.  So either the existing default styling is off, or there is some setting (like my widths?)  that I need to adjust.  Any help is appreciated.

 

 

<telerik:RadRotator RenderMode="Lightweight" ID="RadRotator1" OnItemDataBound="RadRotator1_ItemDataBound" runat="server" Width="930px" Height="200px"
                            RotatorType="Buttons"  ItemHeight="200" ItemWidth="896"   >
    <Items>
        <telerik:RadRotatorItem></telerik:RadRotatorItem>
    </Items>
     <ItemTemplate>
           test test test
    </ItemTemplate>
</telerik:RadRotator>

Vessy
Telerik team
 answered on 15 Apr 2016
1 answer
45 views

     <telerik:RadGrid ID="demo"
                        runat="server" PageSize="12" AllowPaging="true"
                        EnableEmbeddedSkins="false" AutoGenerateColumns="false" ShowHeader="true" ShowFooter="false"
                        AllowCustomPaging="false" PagerStyle-AlwaysVisible="true" >
                        <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="False"/>   <telerik:RadGrid/>

when records are more then pagesize,and change page size which equals to records than not able to do change page size as its not visible . Can anyone help with this?

Eyup
Telerik team
 answered on 15 Apr 2016
1 answer
154 views

Hi,

I have to do add a class to all the combo box items which has checkbox in the page and do some other manipulation on it. So right now am doing on page load using the $('.RadComboBoxDropDown').find('label') this code. But this will not solve my issue completely since the combo items can change dynamically. So i thought of doing it on drop down open event. But I can't find how to register for this event in javascript ?

 

Thanks

Kumaran

Eyup
Telerik team
 answered on 15 Apr 2016
4 answers
300 views
Hi, All.

I want to merge some item in grid

Not Header But Item

Can I do this in grid?

Count Name
5 name1
name2
name3
name4
name5
4 name1
name2
name3
name4


God regards you
Eyup
Telerik team
 answered on 15 Apr 2016
6 answers
664 views

I have a question about the rows/columns. I am new to using this control. Shouldn't the columns wrap to the next row automatically at 12 columns?

For example:

I want something like the following in the medium layout. Currently the XL, LG, SM and XS look exactly the way I want them. It is just the medium that I have issues with.

Name: TEXTBOX

Allergies: TEXTBOX

 

Here is the code:

                                        <telerik:LayoutRow>
                                            <Columns>
                                                <telerik:LayoutColumn Span="1" SpanMd="2" SpanSm="12" SpanXs="12">
                                                    Name:
                                                </telerik:LayoutColumn>
                                                <telerik:LayoutColumn Span="4" SpanMd="10" SpanSm="12" SpanXs="12">
                                                    <asp:Textbox runat="server" ID="txtName" Width="90%" ReadOnly="true" />
                                                </telerik:LayoutColumn>
                                                <telerik:LayoutColumn Span="1" SpanMd="2" SpanSm="12" SpanXs="12">
                                                    Allergies:
                                                </telerik:LayoutColumn>
                                                <telerik:LayoutColumn Span="6" SpanMd="10" SpanSm="12" SpanXs="12">
                                                    <asp:TextBox runat="server" ID="txtAllergies" Width="90%" ReadOnly="true" />
                                                </telerik:LayoutColumn>
                                            </Columns>
                                        </telerik:LayoutRow>

 

I am getting something that looks like the following:

Name: TEXTBOX
           Allergies:

TEXTBOX

 

I just cannot figure out how to get those side by side in the XL & LG but on 2 separate rows in the MD. Thanks for any help!

DogBizPro
Top achievements
Rank 1
 answered on 15 Apr 2016
1 answer
162 views

Hi;

I have several pages that have a .NET UpdatePanel within which is a RadTabStrip controlling a .NET MultiView control via the OnTabClick event.  The behaviour we were seeing was that after clicking the RadTabStrip and having the MultiView change views, most controls on the page because unresponsive.  Clicking on a "blank" space within the page would then allow the controls to respond.  The most obvious case was a dropdownlist that, when clicked, would get focus but not actually drop down to display its items.  If we clicked on a non-control area of the screen then clicked back on the dropdownlist, it would then drop down and display its items.

I did a number of experiments, including changing the MultiView over to a Telerik MultiPage control.  If I did this and set the MultiPageID in the RadTabStrip and removed the firing of the OnTabClick event, the problem behaviour would not occur.  But we need the OnTabClick event to initialize controls within Views/Pages.

If I removed the top-level UpdatePanel containing the RadTabStrip and the MultiView, the problem would not occur.  However, then we would have an undesirable full postback.

If I put an UpdatePanel around the MultiView and set the RadTabStrip as an AsyncPostBackTrigger, the problem still occurred.  If I changed the trigger to a PostBackTrigger, the problem did not occur but again we'd have the undesirable postback page "flash".

I found that one page we had did not experience this issue.  The difference was that all controls on the page (except for a RadWindowManager, which was declared before the UpdatePanel on all pages concerned) were contained in the ContentTemplate of this "top-level" UpdatePanel.  The problem pages had divs containing controls and additional UpdatePanels declared after/outside of the first "top-level" UpdatePanel.

Moving these divs/controls/update panels inside the top-level update panel eliminated the error.  After clicking the RadTabStrip and having the MultiViewchange views, the page controls responded to input.  For example, the dropdownlist described above correctly dropped-down and displayed its items when clicked.

Any ideas what exactly is going on with this?  As far as I can tell, I'm able to move everything into the top-level update panel without breaking my pages, but I still don't know exactly WHY that solution works.  I can't easily post a code example since there's a lot going on in these pages.  If necessary I can try to create a sample project that reproduces the issue.

Veselin Tsvetanov
Telerik team
 answered on 15 Apr 2016
6 answers
253 views
I have the menu built into a header on my application.  I am using the new Glow skin and I would like to remove the border around the menu.  What style do I need to override to remove that border?
Clive Hoggar
Top achievements
Rank 1
 answered on 15 Apr 2016
5 answers
494 views

We're experiencing intermittent issues with RadAsyncUpload getting stuck on the yellow progress meter and never finishing the upload of a file. It's also causing IE to crash when this happens. 

 

I found this bug report that claims an issue with IE has been resolves, but we are still experiencing the issue. 

 

https://connect.microsoft.com/IE/feedback/details/819941/file-upload-stop-working-on-ie-with-windows-authentication

 

We're currently using Telerik_UI_for_ASP.NET_AJAX_2015_1_225_Dev_hotfix​

Dimitar
Telerik team
 answered on 15 Apr 2016
9 answers
436 views

Telerik version - 2016.1.225.45

I am trying to present a slideshow with images (and videos) bound from the DB (varbinary). This has worked in the past using RadRotator, however this control is not responsive (feel free to correct me if that is wrong). That said, I found a nice RadImageGallery demo (https://demos.telerik.com/) but I would like to load the items server-side (via OnItemDataBound). Here is my relevant code:

 

aspx
<telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function onImageGalleryCreated(sender, args) {
                sender.get_imageArea().get_element().style.height = sender.get_element().clientHeight - parseInt(sender.get_thumbnailsArea().get_element().style.height, 10) + "px";
            }
        </script>
    </telerik:RadCodeBlock>
<telerik:RadImageGallery ID="PresentationView_RadImageGallery" Height="100%" runat="server"
OnItemDataBound="PresentationView_RadImageGallery_ItemDataBound" 
OnNeedDataSource="PresentationView_RadImageGallery_NeedDataSource">
<Items>
<telerik:ImageGalleryTemplateItem>
<ContentTemplate>
<telerik:RadBinaryImage ID="binaryFullContent" CssClass="itemTemplate" SavedImageName='<%#Eval("ID") %>' runat="server"/>
</ContentTemplate>
</telerik:ImageGalleryTemplateItem>
</Items>
<ClientSettings>
<ClientEvents OnImageGalleryCreated="onImageGalleryCreated" />
</ClientSettings>
</telerik:RadImageGallery>

aspx.cs
protected void PresentationView_RadImageGallery_NeedDataSource(object sender, ImageGalleryNeedDataSourceEventArgs e) {
PresentationView_RadImageGallery.DataSource = GetPresentationSlideList();
}
protected void PresentationView_RadImageGallery_ItemDataBound(object sender, ImageGalleryItemEventArgs e) {
if (e.Item is ImageGalleryItem) {
RadBinaryImage img = (RadBinaryImage)PresentationView_RadImageGallery.FindControl("binaryFullContent");
// img is null
}
}

 

Kostadin
Telerik team
 answered on 15 Apr 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?