Questions on UI for ASP.NET AJAX Forum

2 answers

353 views

CSS for Header Context menu and expand column

Hi,

I have applied custom CSS for the radgrid. With the default CSS, context menus and expand buttons were looking fine. But with new color scheme (basically with black background), I am having trouble in displaying Header Context menus and expand button.
1. For Header Context menus, I am not able to provide background color for Columns submenu and Filter submenu. I have attached CSS changes I made so that background of main context menu and text for all menus is changed. But submenus for Columns and Fileter has transperant background and very difficult for user to use them.
2. For expand button, as my grid background color is black, I am not able to see Expand, collapse default icons.

My CSS is as follows -
.rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td

{
border-left: solid 0px black;

border-bottom: solid 0px black;

}
RadGrid .rgFilterBox

{
background-color: Gray;

border-width: 1px;

border-style: solid;
margin: 0;

padding: 2px 1px 3px;
font-size: 12px;

vertical-align: middle;

}

.RadGrid_Black th.rgHeader

{
background-image: none;

}

.GridContextMenu

{
background-color: #3e4147;
color: #00b1dc;
}
.GridContextMenu .rgHCMCols .rmLeftImage .rmRightImage

{

background-color: White;

color: Yellow;

}

.RadGrid_Office2010SilverCustom .rgMasterTable td.rgExpandCol

{

background: transparent;
border-color: #fff;

}
.RadGrid_Office2010SilverCustom .rgMasterTable .rgAltRow .rgExpandCol

{
background: #f2f2f2 ;

color:Lime;
background-image

}

.RadGrid_Office2010SilverCustom .rgMasterTable td.rgExpandCol

{

background: transparent;

border-color: #fff;
}

.RadGrid_Office2010SilverCustom .rgMasterTable .rgAltRow .rgExpandCol

{

background: #f2f2f2 ;
color:Lime;

}

Any help is apreciated.

Thanks

Grid

answered on 23 May 2012

2 answers

112 views

[Solved] Databound values not saving when set via Javascript

I have the following ASPX page:

<script type="text/javascript">

function SectorChanged(sender, eventArgs) {

var selectedItem = eventArgs.get_item();

var selectedItemText = selectedItem.get_element().childNodes[1].innerText;

var textInput = $get('<%= companyGicsFormView.FindControl("txtSectorText").ClientID %>');

textInput .value = selectedItemText ;

textInput .text = selectedItemText ;

}

function OnClientDropDownOpeningHandler(sender, eventArgs) {

sender.requestItems("", false);

}

</script>

<asp:FormView runat="server" ID="formView" DefaultMode="Edit">

<EditItemTemplate>

<telerik:RadComboBox runat="server" ID="cboTest" DataSourceID="customDs"

DataTextField="Sector" DataValueField="Sector" SelectedValue='<%# Bind("Sector") %>'

OnClientSelectedIndexChanged="SectorChanged"

HighlightTemplatedItems="true" AllowCustomText="false" EnableLoadOnDemand="false"

OnClientDropDownOpening="OnClientDropDownOpeningHandler">

<ItemTemplate>

<%# DataBinder.Eval(Container.DataItem, "Sector") %>

<span style="display:none;"><%# DataBinder.Eval(Container.DataItem, "SectorText")%></span>

</ItemTemplate>

</telerik:RadComboBox>

<telerik:RadTextBox ID="txtSectorText" runat="server" Text='<%# Bind("SectorText") %>' MaxLength="255" ReadOnly="False" Enabled="False" />

</EditItemTemplate>

</asp:FormView>

The cboTest Combo Box is being populated correctly. The txtSectorText is also updated when I select something from the combobox. However: Neither the combo box value nor the textbox value are saved to the datasource.

I'm thinking this has something to do with databinding, but I'm stuck on how to correctly databind these two controls.

(PS: What I'm basically trying to do is to set the textbox value based upon a selection from the combo box)

ComboBox

answered on 23 May 2012

3 answers

136 views

Vertical Scrolling and GridTemplateColumn with RadButton

Hi.
I'm using RadGrid with two pre-defined columns, one of those column is a GridTemplateColumn with RadButton used as a checkbox.
When i enable scrolling (to avoid a need to scroll down the whole page) the checkboxes are displayed just the same as for grid without scrolling. Screenshot is attached:

Grid

answered on 23 May 2012

9 answers

294 views

Textchanged

Hi,

I've 2 radnumerictextbox ( A & B ) in a row in grid.
Each one have dictinct textchanged event functions (FunctionA & FunctionB)

When i modify B, FunctionB is fired. FunctionB modify the value of A.
If i modify again B, functionA is fired instead of FunctionB.

Is there a way to cancel this event after modification in code behind ?

Thanks

OPL

Input

answered on 23 May 2012

1 answer

53 views

xmldatasource error

Hi,

I am getting below error while trying to xmldatasource with treeview. I gave sample xml and code.

System.Web.UI.WebControls.XmlHierarchyData does not contain a property with the name 'Text'

<telerik:RadTreeView ID="RadTreeView2" runat="server" DataSourceID="XmlDataSource1">

<DataBindings>

<telerik:RadTreeNodeBinding DataMember="Node" TextField="Text" ImageUrlField="ImageUrl" ExpandedField="Expanded" />

</DataBindings>

</telerik:RadTreeView>

<asp:XmlDataSource runat="server" ID="XmlDataSource1" DataFile="TreeView.xml" XPath="/Tree/Node" />

<?xml version="1.0" encoding="utf-8" ?>

<Tree>

<Node>

<Node Text="Top Admin" Value="Top Admin" ImageUrl="sample.ico" >

<Node>

<Node Expanded="False" Text="Second" Value="Second">

<Node>

<Node Text="Actual" NavigateUrl="~/Actual.aspx" Expanded="False" ></Node>

</Node>

</Tree>

TreeView

answered on 23 May 2012

3 answers

262 views

Window close delay

Hi,
I am using a radwindow, and load an .aspx page in it. The only allowed behaviour of the window is the closing. The page that is loaded in the window has a listview control, and two grids. When i press the close button on the window titlebar, the window does not close immediately, which is the desired behaviour, but it takes a few seconds. How can I decrease that delay?

Thanks a lot,
Angie

Window

answered on 23 May 2012

4 answers

208 views

radupload and radajaxmanager aren't working with

There radupload and RadComboBox in RadGrid. RadComboBox page postback is doing here. I used it to prevent it radajaxmaneger. radupload but this time it does not work. please help me.

<telerik:RadGrid ID="rgproductManagementList" runat="server" PagerStyle-AlwaysVisible="true"
AllowSorting="True" OnDeleteCommand="rgproductManagementList_DeleteCommand" OnInsertCommand="rgproductManagementList_InsertCommand"
OnItemDataBound="rgproductManagementList_ItemDataBound" OnNeedDataSource="rgproductManagementList_NeedDataSource"
OnUnload="rgproductManagementListt_Unload" OnUpdateCommand="rgproductManagementList_UpdateCommand"
OnItemCommand="rgproductManagementList_ItemCommand" AllowPaging="True" CellSpacing="0"
GridLines="None" OnItemCreated="rgproductManagementList_ItemCreatedCommand" ImagesPath="/Images/icons/">
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" DataKeyNames="PRODUCT_ID"
InsertItemPageIndexAction="ShowItemOnCurrentPage">
<CommandItemSettings ExportToPdfText="PDF Çıktısı" />
<CommandItemSettings AddNewRecordImageUrl="/Images/icons/AddRecord.gif" ExportToCsvImageUrl="/Images/icons/ExportToCsv.gif"
ExportToExcelImageUrl="/Images/icons/ExportToExcel.gif" ExportToPdfImageUrl="/Images/icons/ExportToPdf.gif"
ExportToPdfText="PDF Çıktısı" ExportToWordImageUrl="/Images/icons/ExportToWord.gif"
RefreshImageUrl="/Images/icons/Refresh.gif" />
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
</ExpandCollapseColumn>
<EditFormSettings CaptionDataField="TITLE" CaptionFormatString="<h5>Ürün bilgilerini düzenle [{0}]</h5>"
FormMainTableStyle-BackColor="#dddddd" FormMainTableStyle-Width="100%" FormMainTableStyle-CellPadding="8"
FormMainTableStyle-CellSpacing="8" FormMainTableStyle-Font-Bold="true" InsertCaption="<h5>YENİ ÜRÜN</h5>">
<EditColumn ButtonType="ImageButton" CancelText="Vazgeç" UpdateText="Güncelle" EditText="Düzenle"
InsertText="Ekle">
</EditColumn>
<FormMainTableStyle BackColor="#DDDDDD" CellPadding="8" CellSpacing="8" Font-Bold="True"
Width="100%" />
</EditFormSettings>
<Columns>
<telerik:GridTemplateColumn DataField="PRODUCT_ID" HeaderText="PRODUCT_ID" UniqueName="PRODUCT_ID"
Visible="false" ReadOnly="true">
<InsertItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Bind("PRODUCT_ID") %>'
Width="150px" Visible="false" />
</InsertItemTemplate>
<EditItemTemplate>
<telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Eval("PRODUCT_ID") %>'
ReadOnly="true" Width="150px" />
</EditItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="TITLE" HeaderText="Başlık" UniqueName="TITLE" />
<telerik:GridTemplateColumn DataField="CATEGORY" HeaderText="Kategori" UniqueName="CATEGORY">
<ItemTemplate>
<asp:Label ID="lblcategory" runat="server" Text='<%# Bind("CATEGORY") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxProductcategory" runat="server" Width="220" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcategory_SelectedIndexChanged">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxProductcategory" runat="server" Width="220" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcategory_SelectedIndexChanged">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="COURSE" HeaderText="Kurs" UniqueName="COURSE">
<ItemTemplate>
<asp:Label ID="lblcourse" runat="server" Text='<%# Bind("COURSE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxProductcourse" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcourse_SelectedIndexChanged">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxProductcourse" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="comboboxProductcourse_SelectedIndexChanged">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="COURSE_LANGUAGE" HeaderText="Kurs Dili" UniqueName="COURSE_LANGUAGE">
<ItemTemplate>
<asp:Label ID="lblcourselanguage" runat="server" Text='<%# Bind("COURSE_LANGUAGE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxcourseProductlanguage" runat="server">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxcourseProductlanguage" runat="server">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="PRODUCT_TYPE_ID" HeaderText="Ürün Tipi" UniqueName="PRODUCT_TYPE_ID"
AllowFiltering="false" SortExpression="PRODUCT_TYPE_ID">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("PRODUCT_TYPE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadComboBox ID="comboboxProduct" runat="server">
</telerik:RadComboBox>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadComboBox ID="comboboxProduct" runat="server">
</telerik:RadComboBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="FILE_NAME" HeaderText="Dosya Adı" UniqueName="FILE_NAME"
SortExpression="FILE_NAME">
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn DataField="FILE_ORJ" HeaderText="Dosya" UniqueName="FILE_ORJ"
AllowFiltering="false" SortExpression="FILE_ORJ" Visible="false">
<ItemTemplate>
</ItemTemplate>
<EditItemTemplate>
<telerik:RadUpload ID="RadProductFile" runat="server" Enabled="true" InitialFileInputsCount="1"
MaxFileInputsCount="1" ControlObjectsVisibility="None" AllowedFileExtensions=".xlsx,.pdf,.xls,.docx,.doc,.optx,.pptx,.AMV ,.ASF,.AVI ,.DIVX ,.MP3,.mp3,.MP4,.MPEG ,.MPG,.mkv,.flc,.flb,.FLB,.FLC,.PDF,.XLS,.DOCX,.DOC,.OPTX,.PPTX,.amv,.asf,.avi,.divx,.mp4,.mpeg,.mpg,.MKV,.VOB,.vob,.lit,.LIT">
</telerik:RadUpload>
</EditItemTemplate>
<InsertItemTemplate>
<telerik:RadUpload ID="RadProductFile" runat="server" Enabled="true" InitialFileInputsCount="1"
MaxFileInputsCount="1" ControlObjectsVisibility="None" AllowedFileExtensions=".xlsx,.pdf,.xls,.docx,.doc,.optx,.pptx,.AMV ,.ASF,.AVI ,.DIVX ,.MP3,.mp3,.MP4,.MPEG ,.MPG,.mkv,.flc,.flb,.FLB,.FLC,.PDF,.XLS,.DOCX,.DOC,.OPTX,.PPTX,.amv,.asf,.avi,.divx,.mp4,.mpeg,.mpg,.MKV,.VOB,.vob,.lit,.LIT">
</telerik:RadUpload>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="DESCRIPTION" HeaderText="Açıklama" UniqueName="DESCRIPTION"
Visible="false" SortExpression="DESCRIPTION">
<EditItemTemplate>
<asp:TextBox ID="txtdescription" runat="server"></asp:TextBox>
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="txtdescription" runat="server"></asp:TextBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn DataField="ACTIVE" HeaderText="Aktif/Pasif" UniqueName="ACTIVE"
AllowFiltering="false" SortExpression="ACTIVE">
<ItemTemplate>
<asp:Label ID="Label5" runat="server" Text='<%# Bind("ACTIVE") %>'></asp:Label>
</ItemTemplate>
<EditItemTemplate>
<asp:CheckBox ID="CheckBoxActive" runat="server"></asp:CheckBox>
</EditItemTemplate>
<InsertItemTemplate>
<asp:CheckBox ID="CheckBoxActive" runat="server"></asp:CheckBox>
</InsertItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridAttachmentColumn AllowFiltering="false" FileNameTextField="FILE_NAME"
AttachmentDataField="FILE_ORJ" AttachmentKeyFields="PRODUCT_ID" ButtonType="ImageButton"
ImageUrl="~/Images/icons/ico_pdf.png" Text="Download" HeaderText="Download" DataTextField="FILE_NAME"
UniqueName="AttachmentColumn" ReadOnly="true" Visible="true">
</telerik:GridAttachmentColumn>
<telerik:GridEditCommandColumn ButtonType="ImageButton" />
<telerik:GridButtonColumn ConfirmText="Bu ürün bilgisini silmek istediğinizden emin misiniz?"
ConfirmDialogType="RadWindow" ConfirmTitle="Sil" ButtonType="ImageButton" CommandName="Delete"
ConfirmDialogHeight="100px" ConfirmDialogWidth="220px" />
</Columns>
<PagerStyle AlwaysVisible="True" />
</MasterTableView>
<PagerStyle AlwaysVisible="True" />
<FilterMenu AppendDataBoundItems="True" EnableImageSprites="False">
</FilterMenu>
<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Windows7">
</HeaderContextMenu>
</telerik:RadGrid>
</telerik:RadMultiPage>
<br />
</div>
</div>
</div>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgproductManagementList">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rgproductManagementList" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

Upload (Obsolete)

answered on 23 May 2012

2 answers

90 views

TimeSlot selection end

Hi,

Is it possible to capture timeslot selection end event at client side? onClientTimeSlotClick event is fired whenever I click on a timeslot. Is there an event fired when user finishes selecting a range at client side? Or better OnClientTimeSlotSelecting and OnClientTimeSlotSelected events will be perfect.

TIA.

Scheduler

answered on 23 May 2012

1 answer

88 views

Loading images into PanelBar on page load

I have a page where I am using a RadPanelBar as a menu.

I want to kick off an ajax process when a page loads that does some database work and then changes an image on each item in the panelbar according to the results.

So far I have:

<telerik:RadCodeBlock runat="server">

<script type="text/javascript">

function pageLoad(sender, eventArgs) {

if (!eventArgs.get_isPartialLoad()) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("InitialLoad");

}

</script>

</telerik:RadCodeBlock>

Which successfully kicks off my process when the page loads, so I'm good there.

The problem is that the images in the PanelBar never change.

My RadAjaxManager looks like so:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"

onajaxrequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="pbMenu">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pbMenu" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

and the work code looks like:

protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e) {

if (e.Argument == "InitialLoad") {

RunLoadSim(pbMenu.Items);

}

private void RunLoadSim(RadPanelItemCollection items) {

foreach (RadPanelItem i in items) {

i.ImageUrl = "~/images/menublocks/grey.png";

RunLoadSim(i.Items);

var start = new ParameterizedThreadStart(Sim);

var thread = new Thread(start);

thread.Start(i);

}

private static void Sim(object arg) {

var r = new Random();

var i = r.Next(200, 5000);

Thread.Sleep(i);

var green = r.Next(0, 2) == 0;

var imgUrl = green ? "green" : "red";

((RadPanelItem) arg).ImageUrl = "~/Images/MenuBlocks/" + imgUrl + ".png";

}

The "work" code is just garbage to simulate db look ups right now.

Basically it sets the image in every panelbaritem to a grey square, then runs a fake worker process that sits for .2 to 5.0 seconds then loads either a green or red image in place of the grey one.

None of the colored squares ever appear though.

What am I doing wrong?

Thanks.

Ajax

answered on 23 May 2012

2 answers

114 views

[Solved] Getting error in radgrid

Hi all,
   In my radgrid there are 5 columns,and each column is having a link button in it. I need to check whether the name in column 3 is blank or not. And if the name field in the column 3 is blank I need to disable the link buttons in 4th and 5th columns. Below added my code and I am getting error with this. Please help me.

protected void GridSample_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
   foreach (GridDataItem item in GridSample.Items) {
       TableCell field_name = (TableCell)item("strName");
       if (field_name.Text == null) {
           Disable link buttons in columns 4 and 5.
       }
   }
}
Thanks in advance.

Grid

answered on 23 May 2012