Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
87 views
Help!!

OnClientColorChange
sender.get_selectedColorTitle()  returns null

sender.get_selectedColor() works fine. And when I hover on a color chip it displays the color title just fine.

I am using the color picker with custom color list that I have set the in code behind like so:

RadColorPicker rcp = new RadColorPicker();
                rcp.ID = "colorsId";
                rcp.CssClass = "cFieldRight idcolorsId";
                //rcp.ToolTip = "Select GARMENT COLOR CHOICES";
                rcp.EnableViewState = false;
                rcp.Preset = ColorPreset.None;
                rcp.ShowIcon = false;
                rcp.ShowEmptyColor = false;
                rcp.PreviewColor = false;
                //rcp.Columns = 15;
                rcp.OnClientColorChange = "$.pc5.Colors_OnClientColorChange";
 
                foreach (DataRow dataRow in dt.Rows)
                {
                    string colorName = (string)dataRow["Name"];
                    string colorValue = (string)dataRow["ItemColor"];
                    ColorPickerItem item = new ColorPickerItem();
                    item.Title = colorName;
                    item.Value = ColorTranslator.FromHtml(colorValue);
                    rcp.Items.Add(item);
                }
 
                rcp.SelectedColor = ColorTranslator.FromHtml("#FFFFFF");
                ph.Controls.Add(rcp);


Thanks, Marty
moegal
Top achievements
Rank 1
 answered on 19 Aug 2014
2 answers
274 views
Hello everyone,

I'm currently using the RadAsyncUpload control to upload files to a database. When selecting files using the control, the file names appear underneath the "Select" button. A requirement is for up to 15 files to be uploaded at one time. When 15 files are selected the list of files that appears underneath the control becomes very large. I was wondering how I can style this list to implement a scroll bar, or at the very least decrease the line spacing between each file within the list. 

RadAsyncUpload Control ASPX:
<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" Height="100%" MultipleFileSelection="Automatic"
    MaxFileInputsCount="15" Width="100%" Skin="Default" UploadedFilesRendering="BelowFileInput"
    AllowedFileExtensions="doc,docx,pdf,png,xls,xlsx" HideFileInput="true" InputSize="15">
</telerik:RadAsyncUpload>

Any suggestions on how to alter the file list with css or any other means will be greatly appreciated.

Thanks,
Matt
Matthew
Top achievements
Rank 1
 answered on 19 Aug 2014
5 answers
152 views
I just recently upgraded from Q3 2011 to Q1 2014 and some previously working javascript code for the RadDatePicker control is now broken.  Please see attached screenshot for error in the debugger.  Can you explain either what has changed for this method or the new way of doing things?  Looking at your documentation, this method should still exist.  Both the datePicker & textBox variables are instantiated objects.

Please advise.

Thanks,
Rob
Rob
Top achievements
Rank 1
 answered on 19 Aug 2014
3 answers
213 views
I am following the instructions for altering the node size located here http://www.telerik.com/help/aspnet-ajax/orgchart-node-size.html

I am using templates so I am referencing the .rocItemTemplate class to adjust the width of the items using the classes below.  The problem I encounter is the distance or margin between the nodes on this level does not change is very large.  I am having trouble finding the right CSS class to reference in order to bring the nodes closer together.  Can someone point me to the right CSS class and margin setting which should bring them closer together?

.DivisionNodeSize
{
  width: 100px !important;
  height: 90px !important;
}
 
.DivisionNodeSize .rocItemTemplate
{
 width: 80px !important;
height: 75px !important;
}
Mark Callan
Top achievements
Rank 1
 answered on 19 Aug 2014
1 answer
67 views
Dear Telerik,

I setup a rad grid, with a nested rad grid inside a rad ajax panel, like so:
<ContentTemplate>
<telerik:RadAjaxLoadingPanel ID="PartsRadAjaxLoadingPanel" runat="server"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="PartsRadAjaxPanel" runat="server" LoadingPanelID="PartsRadAjaxLoadingPanel">
​ <telerik:RadGrid ID="PartsRadGrid" runat="server" ShowHeader="False" OnItemDataBound="PartsRadGrid_ItemDataBound"
OnItemCommand="PartsRadGrid_ItemCommand" BorderStyle="None" OnPreRender="PartsRadGrid_PreRender" EnableHierarchyExpandAll="true" OnItemCreated="PartsRadGrid_ItemCreated">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="id, part_statistic">
<AlternatingItemStyle BackColor="White" />
<NestedViewTemplate>
<telerik:RadGrid ID="PartsImagesRadGrid" runat="server" ShowHeader="false"
OnItemCommand="PartsImagesRadGrid_ItemCommand" OnItemDataBound="PartsImagesRadGrid_ItemDataBound"
OnItemCreated="PartsImagesRadGrid_ItemCreated">
<MasterTableView AutoGenerateColumns="False" DataKeyNames="id">
<AlternatingItemStyle BackColor="White" />
<ItemTemplate>
<div id="part_images">
<div class="grid_long">
<div class="grid_left-left"></div>
<div class="colspan_left-right-right">

....

when the form initially loads everything displays OK like pic one, when one of the controls inside the rad ajax panels causes a post back and the rad grid is rebound on the code behind then rad grid moves left like pic two. The div tags are for grids like so:

.grid{
width: 100%;
display: -ms-grid;
-ms-grid-columns: 140px 160px 140px 160px 140px 160px;
-ms-grid-rows: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
.grid_left-left{
-ms-grid-column: 1;
-ms-grid-row: 1;
white-space:nowrap;
}

Any ideas on what could be causing this behavior and how to prevent it from happening?

Thanks,
Germán
Jayesh Goyani
Top achievements
Rank 2
 answered on 19 Aug 2014
1 answer
66 views
Say I have several sets of date range fields with a textbox for each of the From and To fields.  For each set of From/To textboxes there would be a collection of date ranges.  So each pager would cycle through a range of values, and those values would be displayed in the corresponding textbox.


Something like this
Manager Type 1 From: _______   To: ________    <   >
Manager Type 2 From: _______   To: ________    <   >   
Manager Type 3 From: _______   To: ________    <   >
Manager Type 4 From: _______   To: ________    <   >


In my view, this wont really be a good fit for using a pager, at least not in the usual way.  Seems like it would be better to just roll the code yourself with buttons to handle the data navigation.  You could fire off ajax requests from buttons and handle the data navigation & updates etc.

If anyone can suggest a clever way of using the pager in this scenario, id like to hear it.



Angel Petrov
Telerik team
 answered on 19 Aug 2014
13 answers
751 views
When I place html in RadEditor,  it seems to try to automatically correct malformed html tags or insert proper thing such as ALT attributes for images which is fine in most cases.

However, in my case, I have a valid html document but I want to insert custom placeholders in the markup, which will be replaced by some other application later.

For example.

Instead of  a valid <tr>blah blah </tr>

I have {$DetailLines}  which my app replaces later dynamically with x number of <tr></tr>  lines.

However, Rad Editor will alter my placeholder to something like <>{$DetailLines}</>   

Is there an easy way to just turn this auto correction off.  I don't need it on!

Thanks
Veysel
Top achievements
Rank 1
 answered on 19 Aug 2014
3 answers
153 views
I'm creating a  application using AjaxControlToolKit 4.5 and Telerik Controls .  I have noticed  strange issues.

1) When Latest AjaxControlToolKitScriptManager  is referenced in page and I have taken a Telerik numeric control  and set  HoveredStyle-BackColor="Wheat" to  it . Control is not able to load color when Hovered on it. But it is loading when I'm using RadScriptManager.

2) When I have referenced RadScriptManager  in page and With Latest AjaxControlToolkit reference to project  Filter Functionality in RadGrid is not working.


Please help on this.
Hristo Valyavicharski
Telerik team
 answered on 19 Aug 2014
5 answers
476 views
Hi! 

I have a grid that has an update command inside of RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)


I want to run that update command when a radbutton is clicked further down in the page.

What do I pass as "e" to make the update work with the button click?
RJ
Top achievements
Rank 1
 answered on 19 Aug 2014
1 answer
71 views
Hello.

How do I execute a javascript function inside my RadPane page, from my Parent page?

I get ok access to the pane, but cant access the inside document 

  var contentPane = $find(CenterPane);
          if (contentPane != null) {
              contentPane.???.test();
          }
Vessy
Telerik team
 answered on 19 Aug 2014
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
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
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?