Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
165 views
I have a RadComboBox that is not showing the more results box. In the markup I have ShowMoreResultsBox="true" and in the OnItemsRequested event I'm setting e.Message but it's not displaying my message in the more results box, although the datasource gets updated and displays properly.  Is there anything simple that I should be looking for to ensure this displays?
Rumen
Telerik team
 answered on 08 Jun 2017
4 answers
259 views

Hello All,  

    I have simple radgrid with to/from date filter option. But when I change the dates in the filter, its not updating the grid. Following is my simple code. I have tried everything in the tutorial, but no luck. Any help is appreciated. 

 

<telerik:RadGrid RenderMode="Lightweight" ID="rgScreening" runat="server" Width="100%" Enabled ="true" 
        FilterItemStyle-BackColor="#e6e6e6" FilterItemStyle-BorderStyle="Solid" OnPreRender="rgScreening_PreRender"
        OnItemCommand="rgScreening_ItemCommand">
        <HeaderStyle CssClass="gridViewHeader" />
        <PagerStyle Mode="NumericPages" CssClass="gridViewPager" />
        <ItemStyle CssClass="gridViewRow" />
        <AlternatingItemStyle CssClass="gridViewAltRow" />
        <SelectedItemStyle CssClass="gridViewSelected" />
        <MasterTableView AllowSorting="true" PageSize="10" AllowPaging="True" Width="100%" AutoGenerateColumns="false" CommandItemDisplay="None" 
            AllowFilteringByColumn="true">
        <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" />            
        <Columns>
            <telerik:GridBoundColumn UniqueName="ProviderOrOwner" DataField="ProviderOrOwner" HeaderText="Provider/Owner">
                <FilterTemplate>
                    <telerik:RadComboBox RenderMode="Lightweight" runat="server" ID="rcbProviderOrOwner" 
                        SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ProviderOrOwner").CurrentFilterValue %>' 
                        OnClientSelectedIndexChanged="ProviderOrOwnerSelectedIndexChanged" Width="80px">
                        <Items>
                            <telerik:RadComboBoxItem runat="server" Text="All"/>
                            <telerik:RadComboBoxItem runat="server" Text="Provider" Value="Provider" />
                            <telerik:RadComboBoxItem runat="server" Text="Owner" Value="Owner" />
                        </Items>
                    </telerik:RadComboBox>
                    <telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">
                        <script type="text/javascript">
                            function ProviderOrOwnerSelectedIndexChanged(sender, args) {
                                var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                                tableView.filter("ProviderOrOwner", args.get_item().get_value(), "EqualTo");
                            }
                        </script>
                    </telerik:RadScriptBlock>
                </FilterTemplate>
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="ScreeningDate" DataField="ScreeningDate" HeaderText="Screening Date" DataFormatString="{0:D}" >
            <FilterTemplate>
                <span style="width:50px; font-weight:bold; text-align:right">From</span>
                <telerik:RadDatePicker RenderMode="Lightweight" ID="FromScreeningDatePicker" runat="server" Width="120px" ClientEvents-OnDateSelected="FromDateSelected"
                MinDate='<%# Convert.ToDateTime("01/01/1900")%>' MaxDate='<%# Convert.ToDateTime(DateTime.Now.ToString("MM/dd/yyyy"))%>'
                DbSelectedDate='<%# startDate %>' FocusedDate="01/01/2016"
                 DateInput-ForeColor="Black" Calendar-CalendarTableStyle-BackColor="#cccccc" Calendar-BackColor="White" Calendar-HeaderStyle-BackColor="White" 
                Calendar-TitleStyle-BackColor="White" DateInput-BorderColor="Black"/> &nbsp;            
                <span style="width:50px; font-weight:bold; text-align:right">To</span>
                <telerik:RadDatePicker RenderMode="Lightweight" ID="ToScreeningDatePicker" runat="server"  Width="120px" ClientEvents-OnDateSelected="ToDateSelected"
                MinDate='<%# Convert.ToDateTime("01/01/1900")%>' MaxDate='<%# Convert.ToDateTime(DateTime.Now.ToString("MM/dd/yyyy"))%>'
                DbSelectedDate='<%# endDate %>' FocusedDate='<%# Convert.ToDateTime(DateTime.Now.ToString("MM/dd/yyyy"))%>'
                DateInput-ForeColor="Black" Calendar-CalendarTableStyle-BackColor="#cccccc" Calendar-BackColor="White" Calendar-HeaderStyle-BackColor="White" 
                Calendar-TitleStyle-BackColor="White" DateInput-BorderColor="Black"></telerik:RadDatePicker>
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                    <script type="text/javascript">
                        function FromDateSelected(sender, args) {
                            var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                            var ToPicker = $find('<%# ((GridItem)Container).FindControl("ToScreeningDatePicker").ClientID %>');
                            var fromDate = FormatSelectedDate(sender);
                            var toDate = FormatSelectedDate(ToPicker);
                            tableView.filter("ScreeningDate", fromDate + " " + toDate, "Between");
                        }
                        function ToDateSelected(sender, args) {
                        var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");
                        var FromPicker = $find('<%# ((GridItem)Container).FindControl("FromScreeningDatePicker").ClientID %>');
                        var fromDate = FormatSelectedDate(FromPicker);
                        var toDate = FormatSelectedDate(sender);
                        var dtfilter = fromDate + "  " + toDate
                        tableView.filter("ScreeningDate", tfilter, "Between");
                    }
                    function FormatSelectedDate(picker) {
                        var date = picker.get_selectedDate();
                        var dateInput = picker.get_dateInput();
                        var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, "MM/dd/yyyy hh:mm:ss tt");
                        return formattedDate;
                    }
                    </script>
                </telerik:RadScriptBlock>
            </FilterTemplate>

        </telerik:GridBoundColumn>

</Columns>
        </MasterTableView>
    </telerik:RadGrid>

Devang
Top achievements
Rank 1
 answered on 08 Jun 2017
0 answers
172 views
Hi , I have a grid, that binds with List<> of objects but when I try to add the filtering, sorting, paging features, the grid binds to nothing or it dissapear from my page, do you know how I can have my grids with List<> and to have filters and sorting etc features... thanks in advance
Carlos
Top achievements
Rank 1
 asked on 08 Jun 2017
4 answers
636 views

Hello, 

 

I am just having some issues creating a simple submit button that will save an uploaded file to a specified folder upon the clicking of the button. 

 

If anyone could assist me in pointing me the right direction or how you could go about doing this, it would be greatly appreciated. 

 

 <telerik:radasyncupload runat="server" CssClass="async-attachment" ID="AsyncUpload1"
                HideFileInput="True" EnableInlineProgress="True" MultipleFileSelection="Automatic" DropZones=".dropzone" />    
            <asp:Button runat="server" ID="Button1" Text="Submit" OnClick= "fileUpload" />

 

What would the code behind look like etc?

 

Thanks so much

David
Top achievements
Rank 1
 answered on 08 Jun 2017
1 answer
90 views

Hello,

I'm converting my diagram to image or PDF, but on the result I would like to set margins or padding for correct printing. But I could not find any built-in functionality to achieve this. Is this possible to implement?

Kind regards,

Vessy
Telerik team
 answered on 08 Jun 2017
1 answer
216 views

We used to be able to enable JavaScript Intellisense prior VS 2017 via the link below

http://docs.telerik.com/devtools/aspnet-ajax/general-information/using-jquery/jquery-intellisense

Now, switching to VS 2017, the option indicated at the link above don't seem to be available any more.

Anyone know what is the correct way now ?

 

Rumen
Telerik team
 answered on 08 Jun 2017
0 answers
142 views

The RadEditor appears to be adding a <br> after every <p> when you press [Enter] in design mode. When saved and displayed as Html, this looks like two blank lines are between each line, instead of one.

The attached screenshot shows the editor in the bottom half, where the spacing looks correct, and the top half shows the text bound to a grid, where the spacing is doubled. 

If I inspect the markup I can see:

<p>line 1</p><br><br><p>line 2</p><br><br><p>line 3</p></br>

The config I'm initially using for the RadEditor is:

 <telerik:RadEditor RenderMode="Lightweight" ID="tbSummary" <br>                               runat="server" <br>                               StripFormattingOnPaste="NoneSupressCleanMessage" <br>                               NewLineMode="P" <br>                               EditModes="Design" <br>                               EmptyMessage="" <br>                               Width="639px" <br>                               BackColor="White" <br>                               OnClientLoad="OnClientLoad" >

 

I would have expected just the <p> tags, not the additional <br> tags. Any suggestions on how this can be resolved?

K

 

Jason
Top achievements
Rank 1
 asked on 08 Jun 2017
3 answers
82 views

hi, i am using a radeditor in my asp:Repeater. when user tried to add a new row in the repeater, a JS error was thrown

 

screen shot of error

refer to JSError.png

 

code

01.<asp:UpdateProgress ID="updateProgress6" runat="server" AssociatedUpdatePanelID="pnlModular2">
02.     <ProgressTemplate>
03.         <div style="; text-align: center; height: 100%; width: 100%; top: 0; right: 0; left: 0; z-index: 9999999; background-color: #000000; opacity: 0.7;">
04.              <span style="border-width: 0px; ; padding: 50px; background-color: #FFFFFF; font-size: 36px; left: 40%; top: 40%;">Loading ...</span>
05.         </div>
06.     </ProgressTemplate>
07.</asp:UpdateProgress>
08.<asp:UpdatePanel ID="pnlModular2" runat="server" UpdateMode="Conditional">
09.      <ContentTemplate>
10.            <asp:Repeater ID="rptStructureModular2" runat="server" OnItemCommand="rptStructureModular2_ItemCommand" OnItemDataBound="rptStructureModular2_ItemDataBound">
11.                 <HeaderTemplate>
12.                       <table cellpadding="0px" cellspacing="0px" style="width: 95%;">
13.                 </HeaderTemplate>
14.                 <ItemTemplate>
15.                     <tr>
16.                        <td style="padding: 1em 1em;">
17.                              <table style="width: 106%;" cellpadding="0px" cellspacing="0px" class="repeaterTable">
18.                                  <tr>
19.                                    <td colspan="2" style="padding: 1em 1em;">
20.                                                    <asp:Label runat="server" ID="lblModular">Module <%# Container.ItemIndex+1 %></asp:Label>
21.                                                    <asp:LinkButton ID="btnRemoveModular2" runat="server"
22.                                                    CommandName="remove" CommandArgument='<%# Container.ItemIndex %>'>
23.                                                        <span aria-hidden="true" class="glyphicon glyphicon-trash"></span>
24.                                                    </asp:LinkButton>
25.                                                </td>
26.                                            </tr>
27.                                            <tr style="overflow: hidden;" class="<%# Container.ItemIndex+1 %>">
28.                                                <td style="padding: 1em 1em; width: 20%">Title</td>
29.                                                <td style="padding: 1em 1em;">
30.                                                    <asp:TextBox ID="txtTitle" onchange="disableNext()" CssClass="adminText" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "title") %>'></asp:TextBox>
31.                                                </td>
32.                                            </tr>
33.                                            <tr style="overflow: hidden;" class="<%# Container.ItemIndex+1 %>">
34.                                                <td style="padding: 1em 1em;">Description</td>
35.                                                <td style="padding: 1em 1em;">
36.                                                    <telerik:RadEditor ID="txtDescription" runat="server" Content='<%# DataBinder.Eval(Container.DataItem, "description") %>' DialogHandlerUrl="~/Telerik.Web.UI.DialogHandler.axd" OnClientLoad="OnClientLoad">
37.                                                    </telerik:RadEditor>
38.                                                </td>
39.                                            </tr>
40.                                            </table>
41.                                            </td>
42.                                        </tr>
43.                                    </ItemTemplate>
44.                                    <FooterTemplate>
45.                                    <tr>
46.                                    <td style="padding: 1em 1em;" align="right">
47.                                    <asp:Button ID="btnAddModular2" runat="server" Text="Add Module" OnClick="btnAddModular2_Click" />
48.                             </td>
49.                           </tr>
50.                        </table>
51.                   </FooterTemplate>
52.              </asp:Repeater>
53.      </ContentTemplate>
54.</asp:UpdatePanel>
Benjamin
Top achievements
Rank 1
 answered on 08 Jun 2017
0 answers
115 views

Can this be done in order to fit a particular naming convention that a site uses etc? 

 

For ex: The user file is test.pdf but the site prefers a naming convention such as a_test.pdf. Could the user be prompted to change the name of their file using the control? In a sense the user would not need to go to their file explorer, find the file, rename it and then upload. They could simply be prompted to change the name through the control and they would be set. 

 

Any help or possible ways of accomplishing this are appreciated. Thanks. 

David
Top achievements
Rank 1
 asked on 07 Jun 2017
2 answers
153 views

Hi,
I have a 1 column 3 row view for my RadCalendar. The problem is that I can's navigate to the previous months or following months using the "<<" "<" ">" ">>" buttons and I'm not sure why. I don't know if there's something specific I have to enable or what. In my Default.aspx file I have the following code:

<telerik:RadCalendar ID="RadCalendar1" runat="server" EnableNavigation="true" MultiViewRows="3" EnableMultiSelect="False"
                    CssClass="RadCalendarMultiView RadCalendarMultiView_Default" EnableWeekends="True" FastNavigationNextText="&amp;lt;&amp;lt;" SelectedDate="">
                    <SpecialDays>
                        <telerik:RadCalendarDay Date="" Repeatable="Today">
                            <ItemStyle CssClass="rcToday" />
                        </telerik:RadCalendarDay>
                    </SpecialDays>
                    <WeekendDayStyle CssClass="rcWeekend"></WeekendDayStyle>
                    <CalendarTableStyle CssClass="rcMainTable"></CalendarTableStyle>
                    <OtherMonthDayStyle CssClass="rcOtherMonth"></OtherMonthDayStyle>
                    <OutOfRangeDayStyle CssClass="rcOutOfRange"></OutOfRangeDayStyle>
                    <DisabledDayStyle CssClass="rcDisabled"></DisabledDayStyle>
                    <SelectedDayStyle CssClass="rcSelected"></SelectedDayStyle>
                    <DayOverStyle CssClass="rcHover"></DayOverStyle>

                    <ViewSelectorStyle CssClass="rcViewSel"></ViewSelectorStyle>
                </telerik:RadCalendar>

Most of the CssClass codes loaded automatically after doing edits on the design page. 
If anyone has any idea what I'm missing, please let me know.

Thanks, 
Samara

Samara
Top achievements
Rank 1
 answered on 07 Jun 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?