Telerik Forums
UI for ASP.NET AJAX Forum
0 answers
126 views

I have set Radgrid EnableEmbeddedSkins="False" RenderMode="Lightweight".

When i allow filtering on one of the GridDateTimeColumn, the popup calendar has an invisible background. and doesnt show up properly. Can you please help. 

please see the attached screenshots.

 

   <asp:Panel runat="server" ID="pnlPasActivity">

                <telerik:RadGrid ID="rgPasActivity" runat="server" GridLines="None" AutoGenerateColumns="false"
                    AllowPaging="true" PageSize="20" EnableEmbeddedSkins="False" AllowSorting="false" AllowFilteringByColumn="true"
                    RenderMode="Lightweight" OnNeedDataSource="rgPasActivity_NeedDataSource" OnItemDataBound="rgPasActivity_ItemDataBound" EnableLinqExpressions="false">
                    <GroupingSettings CaseSensitive="false" />
                    <FilterMenu EnableEmbeddedSkins="true" RenderMode="Lightweight" ></FilterMenu>
                    <MasterTableView Name="PasActivity" CommandItemDisplay="None" EditMode="EditForms" AllowFilteringByColumn="true">
                        <PagerStyle Position="Top" />

                        <Columns>

                          
                            <telerik:GridDateTimeColumn DataField="StartDate" HeaderText="Date" SortExpression="Date" UniqueName="Date" Display="true" AllowFiltering="true" 
                                DataFormatString="{0:dd/MM/yyy }"  EnableRangeFiltering="true" MinDate="01/01/2000" >
                                <HeaderStyle Width="15%" />
                            </telerik:GridDateTimeColumn>

                            <telerik:GridBoundColumn DataField="StartDate" HeaderText="Time" SortExpression="Time" UniqueName="Time" Display="true" DataType="System.DateTime" DataFormatString="{0:HH:mm }" AllowFiltering="false">
                                <HeaderStyle Width="10%" />
                            </telerik:GridBoundColumn>

                            <telerik:GridBoundColumn DataField="Clino" HeaderText="Clinic/Ward" SortExpression="Clinic" UniqueName="Clinic" Display="true" AllowFiltering="false">
                                <HeaderStyle Width="10%" />
                            </telerik:GridBoundColumn>

                            <telerik:GridBoundColumn DataField="RecordType" HeaderText="Type" SortExpression="Type" UniqueName="Type" Display="true" AllowFiltering="false">
                                <HeaderStyle Width="10%" />
                            </telerik:GridBoundColumn>

                            <telerik:GridBoundColumn DataField="spellkey" HeaderText="Episode No" SortExpression="Episode" UniqueName="Episode" Display="false" AllowFiltering="false">
                            </telerik:GridBoundColumn>

                            <telerik:GridBoundColumn DataField="surname" HeaderText="Consultant" SortExpression="Consultant" UniqueName="Consultant" Display="true" AllowFiltering="false">
                                <HeaderStyle Width="15%" />
                            </telerik:GridBoundColumn>

                            <telerik:GridBoundColumn DataField="specname" HeaderText="Specialty" SortExpression="Specialty" UniqueName="Specialty" Display="true" AllowFiltering="false">
                                <HeaderStyle Width="5%" />
                            </telerik:GridBoundColumn>

           
                        </Columns>
                    </MasterTableView>

                    <PagerStyle PageSizes="5,10" PagerTextFormat="{4}<strong>{5}</strong> items matching your search criteria"
                        PageSizeLabelText="items per page:" />

                    <ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
                        <Selecting AllowRowSelect="true" EnableDragToSelectRows="false" />
                        <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="" />

                    </ClientSettings>

                </telerik:RadGrid>
            </asp:Panel>

Sara
Top achievements
Rank 1
 asked on 10 Mar 2017
0 answers
44 views
So i have dynamically added a RadDateInput to my application. So by default if a user put in a number between 1-31 the dateinput-textbox reacts so it takes the current month and current year and then the number that the user have put in and then builds a date string automatically. if it is below 1 or over 31 the textbox will not accept. But if it is between 1-31 it will as i said take current month and year and then with the day number the user put in, it will automatically give me a date. For example if i put in 11 in the textbox the textbox will automatically giva me 2017/03/11. The problem is that if i put in for example 11 plus any letters it still gives me a date string with current year and current month(example: 11mfweieof would give me today 2017/03/10). But i want it to work if you put in any letters to the textbox i want the textbox to not accept it. Is this possible?
Robel
Top achievements
Rank 1
 asked on 10 Mar 2017
1 answer
502 views

Hi guys,

Question: Do I have to move my objectdatasource settings for code behind to codebehind in this scenario? If I have to how do I do it?
and in what event? I have been dabbling with this for 2 days now.

I have a Radgrid using the batch editing features of this demo:

http://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx

But I have added with some cascading comboboxes to apply some pre-filtering for the entire radgrid. I have an objectdatasource connected to it but since I added the cascading comboboxes to my page. Can I still make the updates defined in my objectdatasource in the ASPX page as I had to move my selectmethods for the grid to codebehind?

On page_load I have the following code 

 if (RadComboBox1.SelectedValue != "" && RadComboBox2.SelectedValue != "" && RadComboBox3.SelectedValue != "")
        {
            Literal1.Text = string.Format(MessageTemplate, RadComboBox3.Text, RadComboBox2.Text, RadComboBox1.Text);
            Lower = RadComboBox2.Text;
            Higher = RadComboBox3.Text;
            GetCompared(Lower, Higher);
        }
        else
        {
            ods1.SelectMethod = "GetSensorBulkData";
        }

if the boxes are all selected I call GetCompared function

 protected void GetCompared(string Lower, string Higher)
    {
        NotifyUser("Är " + Lower + " lägre än " + Higher);
        ods1.TypeName = "DAL";
        ods1.SelectParameters.Clear();
        ods1.SelectParameters.Add("Low", TypeCode.String, Lower);
        ods1.SelectParameters.Add("High", TypeCode.String, Higher);
        ods1.SelectMethod = "GetSensorBulkDataCompared";

    }

I can also call the GetCompared from button click 

protected void Button1_Click(object sender, EventArgs e)
    {
        Literal1.Text = string.Empty;

        if (RadComboBox1.SelectedValue != "" && RadComboBox2.SelectedValue != "" && RadComboBox3.SelectedValue != "")
        {
            Literal1.Text = string.Format(MessageTemplate, RadComboBox3.Text, RadComboBox2.Text, RadComboBox1.Text);

            Lower = RadComboBox2.Text;
            Higher = RadComboBox3.Text;

            GetCompared(Lower, Higher);
        }

This pre filtering I have here is to compare different sites data to see if we have any deviations. and then Adjust settings accordingly if we need to make overrides.

I would prefer if I could tell my objectdatasource to use this update from the ASPX page but for some reasone I get the error 

ObjectDataSource 'ods1' could not find a non-generic method 'UpdateSensorBulkSettings' that has parameters: "all my parameters" + original_ID.

btw I added original_id to the updateparameters and trap it in my dataaccess layer as I didnt think I need it.

<asp:ObjectDataSource ID="ods1" TypeName="DAL" OldValuesParameterFormatString="original_{0}" UpdateMethod="UpdateSensorBulkSettings" runat="server">
        <UpdateParameters>
            <asp:Parameter Name="Id" Type="Int32" />
            <asp:Parameter Name="Site1Main1" Type="Double" />
            <asp:Parameter Name="Site1Main2" Type="Double" />
            <asp:Parameter Name="Site1Main3" Type="Double" />
            <asp:Parameter Name="Enabled" Type="Boolean" />
           <asp:Parameter Name="Site2Main1" Type="Double" />
           <asp:Parameter Name="MatchSite1Main1Settings" Type="Boolean" />
           <asp:Parameter Name="Site2Main2" Type="Double" />
           <asp:Parameter Name="MatchSite1Main2Settings" Type="Boolean" />
           <asp:Parameter Name="Site2Main3" Type="Double" />
           <asp:Parameter Name="MatchSite1Main3Settings" Type="Boolean" />

            <asp:Parameter Name="......other parameters...." Type="Double" />
            <asp:Parameter Name="Username" Type="String" />
            <asp:Parameter Name="original_ID" Type="Int32" />
        </UpdateParameters>
    </asp:ObjectDataSource>

Could anyone please help with this I'm staring myself blind and need some advice here.

I have posted some previous questions relating to this but as I got not answers on the previous post and I managed to fix all but this Issue.

Magnus
Top achievements
Rank 2
 answered on 10 Mar 2017
7 answers
595 views
Hi,

Is there a way to implement Captcha in MVC Framework?

Thanks,
Jessie
Rumen
Telerik team
 answered on 10 Mar 2017
9 answers
2.5K+ views
My RadGrid is allowing paging in design mode and runtime e.g. returns 100 rows displayed in 5 pages with the size of 20.

When I export to Excel for example, it exports only the page which is displayed whereas I'd need to export all the data.

I tried setting the
RadGrid1.ExportSettings.IgnorePaging = true;
and
 
RadGrid1.MasterTableView.AllowPaging = false;

Before running the export function but still behaves the same way.

How could I achieve this?
Dhruval
Top achievements
Rank 1
 answered on 10 Mar 2017
0 answers
94 views

I have the UI for Xamarin R3 2016 and i get not set to instance of object when I have below code in xaml.  This is a bug since it works when I remove this code below.  How can I go about this issue?

 

thanks 

Wil

 

<ContentPage.Resources>
     <ResourceDictionary> 
       <Style TargetType="Button" x:Key="ButtonStyle">
         <Style.Setters>
           <Setter Property="WidthRequest" Value="50"/>
           <Setter Property="BorderRadius" Value="0"/>
           <Setter Property="BackgroundColor" Value="Transparent"/>
           <Setter Property="VerticalOptions" Value="Fill"/>
           <Setter Property="HorizontalOptions" Value="Fill"/>
         </Style.Setters>
       </Style>  
     </ResourceDictionary>
    </ContentPage.Resources>

wil
Top achievements
Rank 1
 asked on 10 Mar 2017
0 answers
241 views

I have a Textbox and a combobox in a table. The textbox sits directly above the combobox. Both have their width set to 100% however the combobox is not displaying at 100%. I had to create a custom skin file to completely hide the dropdown arrow but it seems like there is still some space being taken up on the right side of the combo that I cannot get rid of.

The textbox is defined as:

<asp:TextBox ID="pre_staffTB" AutoCompleteType="Disabled" runat="server" Width="100%"  Height="30px" Visible="false" style="margin-left: 5px; margin-right: 5px;"></asp:TextBox>

The Style for the textbox is:

input {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #EDF4FF;
    color:#0146ad;
    border:none;
    outline:none;
    display: inline-block;
    text-indent: 3px;
    cursor:pointer;
    box-shadow: inset -3px 3px 3px rgba(0, 0, 0, 0.10), inset 3px -3px 3px rgba(0, 0, 0, 0.10);
    cursor: text;
}

The Combo is defined as:

<telerik:RadComboBox ID="teamLeadCombo" runat="server" DataTextField="full_name" DataValueField="id" DataSourceID="teamPersonSource" Width="100%" CheckBoxes="True" CheckedItemsTexts="DisplayAllInInput" ShowToggleImage="False" EmptyMessage="Select Team Leader(s)..." NoWrap="True" AppendDataBoundItems="True" Sort="Ascending" CssClass="RCBClass"></telerik:RadComboBox>

The styles for the combo are:

        div.RCBClass .rcbInputCell INPUT.rcbInput {
            margin: 0;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius:4px;
            -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
            -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
            background: #EDF4FF;
            color:#0146ad;
            border:none;
            outline:none;
            display: inline-block;
            font-size: medium;
            text-indent: 3px;
            cursor:pointer;
            box-shadow: inset -3px 3px 3px rgba(0, 0, 0, 0.10), inset 3px -3px 3px rgba(0, 0, 0, 0.10);
            height: 30px;
            left: 0;
            right: 0;
            font-family: Arial !important;
        }
        div.RadComboBox_Default .rcbInputCellLeft,
        div.RadComboBox_Default .rcbInputCellRight,
        div.RadComboBox_Default .rcbArrowCellLeft,
        div.RadComboBox_Default .rcbArrowCellRight
        {
            background-image: url(../images/Default.gif);
        }

        div.RCBClass .td.rcbArrowCellRight {
            background-position: -156px -88px;
            background-color: white;
        }

Any idea how to get these two elements to be the same width? I have a design constraint to keep all widths in percentages rather than direct pixel specs.

 

Bill
Top achievements
Rank 1
 asked on 09 Mar 2017
1 answer
94 views

Hi,

I have updated the application with latest telerik dll(version : 2017.1.118.45)  but facing  radcombobox ui issue. Can anyone please help to resolve this issue.

Please find attached screenshot.

 

Rumen
Telerik team
 answered on 09 Mar 2017
1 answer
118 views

Hi, I'm trying to use RadAjaxManagerProxy  within a control, following this: http://docs.telerik.com/devtools/aspnet-ajax/controls/ajax/radajaxmanagerproxy/overview

In the ascx, I have the proxy:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="btnCal">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadScheduler1"></telerik:AjaxUpdatedControl>
            </UpdatedControls>
        </telerik:AjaxSetting>
        <telerik:AjaxSetting AjaxControlID="RadScheduler1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadScheduler1" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelCssClass="" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

In the code behind I have in the page load:

       RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);
        manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManager1_AjaxRequest);

and:

    protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)
    {
        if (e.Argument == "Rebind")
        {
            RadScheduler1.Rebind();
        }
    }

which produces the errors:

Object reference not set to an instance of an object.Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. 
Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.
Source Error: 

Line 21: RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);

Line 22: manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManager1_AjaxRequest);

Eyup
Telerik team
 answered on 09 Mar 2017
6 answers
1.6K+ views

Hi!

        I have a question about editing a RadGrid item. We recently bought the AJAX controls, so I’m in the process of converting our old ASP DataGrids and GridViews over to the new RadGrids. A problem I’ve run into is for one of our grids where we don’t want to use the built-in edit row. We have an edit button, but we use a little pop-up that we define in a div below the grid that comes up over the greyed-out page to allow the user to the edit the data. Part of the code we use to populate the pop-up with the data is executed in the code-behind function that executes on the grid’s edit command, so I want to keep the “… Handles RadGrid1.EditCommand” function, but I don’t want the update and cancel buttons to be displayed. I need it to be in edit mode so I can find which row is being edited, but I don’t want it to stay in edit mode because I don’t want the user to have to click two different cancel buttons. I want them to be able to only use our pop-up’s save and cancel buttons. Is there a way that I can do that? I tried to add in some code in the code-behind page to execute when the cancel button is clicked, but I can’t figure out how to cancel the edit command from there. If anyone has any idea how I can cancel the edit command, I would really appreciate it. Thanks!

                Holly

Rajesh
Top achievements
Rank 1
 answered on 09 Mar 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?