Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
221 views

Hi,

Can anyone please help me on how to achieve updating of Imagebutton on click using GridTemplateColumn with EditTemplate with Batch edit mode similar to this DropDrownList in this demo? 

 

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

Thanks in advance!

Please help ASAP

 

Siri
Top achievements
Rank 1
 answered on 27 Aug 2018
1 answer
245 views

  How to Increase the Width of ContextMenu Filter in RadGrid

 

   

 

     

  

 

Marin Bratanov
Telerik team
 answered on 27 Aug 2018
5 answers
480 views
I must say I haven't seen anything like this on the forums, but possibly I overlooked a thread or demo. However, I am using a ListView with the following templates: LayoutTemplate, InsertItemTemplate, ItemTemplate, SelectedItemTemplate and EditItemTemplate. An item consists of a LinkButton. See example below:

<asp:LinkButton ID="ItemLinkButton" runat="server" CommandName="Select">
    <%# Eval("Value1") %><br />
    <%# Eval("Value2") %><br />
    <%# Eval("Value3") %><br />
    <%# Eval("Value4") %>
</asp:LinkButton>

where "Value#" is just a string from a certain datasource. As you can see this LinkButton has its CommandName property set to "Select". When you select a single item, the selected item will appear using the SelectItemTemplate (that is with inversed colors as the normal ItemTemplate). But, I have a problem with (de)selecting all items.

This ListView currently contains 2 items. The LayoutTemplate holds a button to select or deselect all items in the ListView. This button is linked through the ItemCommand event ("onitemcommand") with its CommandName property set to "DeSelectAll". In my code-behind I do:

protected void RadListView_ItemCommand(object sender, RadListViewCommandEventArgs e)
{
    if (e.CommandName == "DeSelectAll")
    {
        RadListView rlv = sender as RadListView;
        if (rlv.SelectedItems.Count == rlv.Items.Count)
        {
            foreach (RadListViewDataItem item in rlv.SelectedItems)
            {
                item.Selected = false;
            }
        }
        else
        {
            foreach (RadListViewDataItem item in rlv.Items)
            {
                item.Selected = true;
            }
        }
    }
}

As I said the ListView currently contains 2 items. So whenever the button - to select or deselect all items - is clicked this event is fired. So when you are debugging it looks like it's working, but visually it's far from what you actually want.

Firstly (situation 1), if no item has been preselected (both items are not selected) and you click the button visually nothing happens, while under water (code) the item.Selected properties are changed accordingly. When you click the button for the second time both items change to the SelectedItemTemplate, while under water the item.Selected properties are set back to "false". Notice, you have to click twice in order to get this result.

Secondly (situation 2), if one of two items has been preselected (this works as mentioned earlier) (1) and you click the button visually nothing happens, while under water the item.Selected properties are changed accordingly (both items have their Selected property set to "true") (2). Notice that you can't see any difference visually (the preselected item still is the only visible selected item). Next, click the item - which visually still is the only selected item - and be amazed this item deselects and the other gets selected (3). To make one another clear, let's schematize this:

  1. item 1: selected, item 2: not selected, visibility: item 1 uses SelectedItemTemplate, item 2 uses ItemTemplate
  2. item 1: selected, item 2: selected, visibility: item 1 uses SelectedItemTemplate, item 2 uses ItemTemplate
  3. item 1: not selected, item 2: selected, visibility: item 1 uses ItemTemplate, item 2 uses SelectedItemTemplate

As you can see, step 2 is the problem. The property "Selected" for both items is set to "true", but visually item 2 is not using the correct template. Instead of using ItemTemplate it should be using SelectedItemTemplate. Notice that in both situations you have to click twice to visually get a result.

Any thoughts or suggestions on how to select or deselect all items in a ListView?

Thanks in advance.

Regards,
Datamex
Marin Bratanov
Telerik team
 answered on 27 Aug 2018
1 answer
192 views

I have a RadGrid which has 7 columns.  I am using InLine editing for my Edit Mode.  What I am looking for is a concise way to check to see if anything changed on the Update Command, without having to look at each cell / column for the row that is being edited.  Is there a way I can check to see if anything on this row was changed and then if so i can loop through each column and check, but if not I will not do anything?  I am looking for something on the server side not client side.

thanks

 

doug

Marin Bratanov
Telerik team
 answered on 27 Aug 2018
3 answers
495 views

Let me first start off by saying that this problem is in Firefox only.

I'm trying to use the ImageEditor in a simulated "popup" with an iframe inside of it. See the attached example-usage.jpg for a sample of how I intend to use it.

The typeError specifically occurs when LiteView.js from the ImageEditor resources. See the attached console-log.jpg for the screen capture of the console log indicating the error.

I know that Firefox has issues with getComputedStyle if the iframe is hidden with display:none - mine is not. I know that there are several other quirks with getComputedStyle in Firefox specifically.

If I move the editor out of the "popup" and into a regular page it functions fine.

Is there anyway to force a width with CSS or javascript so that getComputedStyle will return a value. Can I override a javascript function on this page to prevent the typeError? Do you guys know what LiteView.js is trying to do?

Any solutions appreciated.

Marin Bratanov
Telerik team
 answered on 27 Aug 2018
1 answer
196 views

     Hi,

 

Using this ajaxify exampleI need execute code in codebehind, and then update the master page control

https://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxmanager/how-to/ajaxify-and-update-controls-in-master-and-content-page

Something like this:

Content Page

protected void Page_Load(object sender, EventArgs e)
{
    RadAjaxManager AjaxManager = RadAjaxManager.GetCurrent(Page);
    RadMenu RadMenu1 = (RadMenu)this.Master.FindControl("RadMenu1");
    AjaxManager.AjaxSettings.AddAjaxSetting(btnSaveChanges, RadMenu1);
}
 
protected void btnIncrease_Click(object sender, EventArgs e)
{
     ...
     context.SaveChanges();

     // And then, Update Radmenu in MasterPage  
 

}

In my scenario, RadMenu have a CSS indicador of numbers of items in database updated in Page_Load().  But, when I click in btnSaveChanges  in Content Page, always RadMenu update before database is changed.

 

Any way to reverse this?

 

Thank you!

 

 

Marin Bratanov
Telerik team
 answered on 26 Aug 2018
17 answers
405 views
Hi everyone,

when I add AjaxSettings to my pages i often have to repeat the same Ajaxsetting for each ajax enabeld control

<telerik:AjaxSetting AjaxControlID="Button1" >  
  <UpdatedControls > 
     <telerik:AjaxUpdatedControl ControlID="container" /> 
  </UpdatedControls> 
  </telerik:AjaxSetting>         
<telerik:AjaxSetting AjaxControlID="Button2" > 
  <UpdatedControls > 
    <telerik:AjaxUpdatedControl ControlID="container"/> 
  </UpdatedControls> 
</telerik:AjaxSetting> 

this settings list tends to get very long. Would it be possible to combine the settings for example like this

<telerik:AjaxSetting AjaxControlID="Button1,Button2" > 
            <UpdatedControls > 
                <telerik:AjaxUpdatedControl ControlID="container" /> 
            </UpdatedControls> 
</telerik:AjaxSetting> 
 


Please share your thoughts on this.

Rafael





Peter Zaby
Top achievements
Rank 1
 answered on 24 Aug 2018
11 answers
600 views
I'm struggling to set 100% height on a grid. I've seen many threads open on this subject and a few code samples too but they are all too simple.

The main issue is that there is a <div> element generated (usually has an id of the form ...._GridData) that has an inline style like this:

OVERFLOW: auto; WIDTH: 100%; HEIGHT: 10px 

and thus the content will always be in a 10 pixel high box. Even if I set the Height attribute of the grid to something fixed that div stays 10 pixel high and only the lower pager area grows in height so that the grid will respect the given height.

The question is why does that div has that hardcoded height? What would be the purpose of having such a default anyway?
Kiranmayee
Top achievements
Rank 1
 answered on 24 Aug 2018
1 answer
211 views

I am using a dropdownlist on a mobile browser, the page moves when i try to scroll through the items.

I can't use my finger to scroll. It's a long page.

<telerik:RadDropDownList ID="ddlState" runat="server" DropDownHeight="300" Width="260px" Skin="Silk" RenderMode="Lightweight">
 </telerik:RadDropDownList>

Marin Bratanov
Telerik team
 answered on 24 Aug 2018
4 answers
690 views
Hello,

I hope someone can help me out with the following problem.

I have a usercontrol with a ListView which I have bound to a list of productimages. There are 12 items in the listview and I have set the pagesize to 4. This means I have 4 pageindexes.
In another usercontrol I fire an event with should look up the productimage in the above listview. What I want is to lookup the item in the listview which matches the parameter I send from the second usercontrol. As long as the parameter matches an productimage which is present in the selected pageindex it works all fine. But how can I look into all the items that are bound to the Listview and then select that item and set the correct pageindex

For a demo you can look at http://roosjen.uitverkoopinnederland.nl/index.aspx?contentid=233
On the left hand you can click on [Bekijk productinfo] and on the right topside the corresponding productimage should be set.

Thanks in advance.

Kind regards Patrick
Vasssek
Top achievements
Rank 1
 answered on 24 Aug 2018
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?