Questions on UI for ASP.NET AJAX Forum

4 answers

109 views

Hi all,

I have a Rad Combo and the combo having 2 text fields and 1 value field .. i wish to use filter option to this Rad combo.. filter option should work with that 2 text fields .. how can i achieve this.. either server side or client side..

Regards,

Prassin

ComboBox

answered on 26 Jul 2012

1 answer

125 views

Slight transparent border around chart image

Hi all,

I want to combine a chart image with two tabs above it (simple div tags) but there is always some space between my tab divs and the chart image. I have set the following properties for the chart:

radChart1.Appearance.Border.Visible = false;
radChart1.PlotArea.Appearance.Border.Visible = false;
radChart1.PlotArea.Appearance.Dimensions.Margins = new ChartMargins(0, 0, 0, 0);
radChart1.Chart.Appearance.Border.Visible = false; //I guess this is the same as radChart1.Appearance etc.

When I save the chart image and view it in Photoshop there is clearly a transparent area around the image containing a slight shadow. This causes the space between my tabs and the chart. How can I remove that? The skin I use for the chart is 'DeepBlue'.

Oh, and I have seen the project 197844_webapplication9.zip but that also creates a small transparent area around the chart.

regards,

Peter

Chart (Obsolete)

answered on 26 Jul 2012

7 answers

108 views

Layout assistance for newbie

Hi,

I am trying to change the colors of RadRating used inside a Catalook module on my DNN site.

I'm new to this & have uncovered the Visual Style Builder which helps a little but I also need to change the stars that aren't selected.

When I look at the page with firebug the background image URL is "/webresource.axd?d= then a massive series of numbers & letters

I can see that the control is using the sitefinity skin but I can't find this skin anywhere

I did do a search for sprite.png & found 1 instance but it had no images of stars on it

I also searched for skin.css files but couldn't find any related.

I've reviewed how to create a custom file from copying an existing one but can't find an existing 1 to copy.

My folder structure does have a series of radcontrols but not one for rating.

Can I manually create a skin & point to this in the ascx file where the code currently says

<telerik:RadRating ID="rrlistAverageRating" runat="server" ItemCount="5"

ReadOnly="true" Skin="Sitefinity">

If so can I see an example, please.

Can I just modify the sprite.png file?

An example of my site is currently http://frame.utiliseit.com.au/Products/BagsandLuggage.aspx

Thanks in advance

Rating

answered on 26 Jul 2012

1 answer

83 views

Dragging & Dropping a Cell by an image

I have an ASP.NET TreeView that I want to be able to drag and drop nodes. It is working just fine, except for one thing. If you look at my screen shot image, you will see a double headed arrow next to each node. I want to be able to drag and drop nodes ONLY by dragging and dropping the double headed arrow image. Right now, you can drag anywhere on the cell and drop. Can you please explain how this is done?

TreeView

answered on 26 Jul 2012

2 answers

145 views

[Solved] radgrid now refreshing with data change after command

hi i have a radgrid which is populated with ListA (generated from database) within OnNeedDataSource,

The radgrid has command a command button. the command button trigers a radajaxloading panel. In RadGrid1_ItemCommand I take out some record from database, and call RadGrid1.Rebind() to reflect the change.

During debug i can step through all these code and even in the OnNeedDataSource method called by RadGrid1.Rebind() method after item command i can see ListA has changed (with some records removed).

However when I proceed to the end the RadGrid still got the original ListA with the records that should be removed.

any idea what I am doing wrong?

thanks in advance

Grid

answered on 26 Jul 2012

3 answers

422 views

RadGrid Not Functioning After PostBack

I have been looking around but have not found anyone with my same situation. I am using a control in an edit template inside a radgrid. I have a RadComboBox that on selection populates a panel with custom controls based on the combobox selection. After this or any other post back button is used the grid no longer posts back or functions. This also includes the other text boxes inside that same control. I was thinking this might have something to do with the viewstate but changing that around has no fixed the problem. This may just be something quick that I am missing. Any help would be much appreciated.

<asp:Content ID="conMain" ContentPlaceHolderID="MainContent" runat="server">

<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1">

<script type="text/javascript">

function openUserAdmin() {

var oManager = window.radopen("User.aspx", null)

oManager = $telerik.toWindow(oManager); // intellisense

oManager.setSize(520, 600); //Width, Height

oManager.center(); //Centers on Screen

oManager.set_visibleStatusbar(false); //Bottom Status Hidden

oManager.set_modal(true); //Makes window Modal

oManager.set_reloadOnShow(true); //Reloads the page everytime its shown

oManager.set_destroyOnClose(true); // destroys the window on close

oManager.SetActive(); // Sets window as active element

return false;

}

</script>

</telerik:RadScriptBlock>

<telerik:RadScriptBlock runat="server" ID="RadScriptBlock2">

<script type="text/javascript">

function openBusinessSegment() {

var oManager = window.radopen("BusinessSegment.aspx", null)

oManager = $telerik.toWindow(oManager); // intellisense

oManager.add_close(gridInstallationRebind); // Rebinds the grid on close

oManager.setSize(520, 600); //Width, Height

oManager.center(); //Centers on Screen

oManager.set_visibleStatusbar(false); //Bottom Status Hidden

oManager.set_modal(true);

oManager.set_reloadOnShow(true);

oManager.set_destroyOnClose(true);

oManager.SetActive();

return false;

}

</script>

</telerik:RadScriptBlock>

<telerik:RadScriptBlock runat="server" ID="rsbGridRebind">

<script type="text/javascript">

function gridInstallationRebind() {

var grd = $find("<%=RadGrid1.ClientID %>"); // Finds the grid

grd = $telerik.toGrid(grd); // intellisense

mtv = grd.get_masterTableView(); // finds the master table

mtv.rebind(); // rebinds the data

}

</script>

</telerik:RadScriptBlock>

<%--Removable: For javscript telerik intellisense. Comment before running--%>

<%--<telerik:radscriptmanager runat="server" id="rsm1" />--%>

<%--End Comment Area--%>

<telerik:RadWindowManager runat="server" ID="rwmPopUps" Animation="Fade" IconUrl="/Images/admin.png" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" Width="100%" ShowStatusBar="True" GridLines="None"

OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCommand="RadGrid1_ItemCommand"

OnItemDataBound="RadGrid1_ItemDataBound" PageSize="15" EnableViewState="true" ViewStateMode="Inherit">

<PagerStyle Mode="NumericPages" AlwaysVisible="true" />

<MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="ID" CommandItemSettings-AddNewRecordText="Add A New Installation"

AllowSorting="True" ExpandCollapseColumn-ButtonType="SpriteButton" EditFormSettings-EditFormType="Template"

CommandItemStyle-VerticalAlign="Middle" EnableViewState="true" ViewStateMode="Inherit">

<CommandItemSettings AddNewRecordText="Add A New Installation"></CommandItemSettings>

<CommandItemTemplate>

<div style="padding: 6px 2px 0px 2px;">

<div style="float: left; padding: 0px 2px 5px 2px;">

<telerik:RadButton runat="server" ID="btnNewInstallation" Text="Add New Installation"

CommandName="InitInsert" />

</div>

<div style="float: left; padding: 0px 2px 5px 2px;">

<telerik:RadButton runat="server" ID="btnBusinessSegment" Text="Business Segment Admin"

OnClientClicked="openBusinessSegment" AutoPostBack="false" />

</div>

<div style="float: left; padding: 0px 2px 5px 2px;">

<telerik:RadButton runat="server" ID="btnUserAdmin" Text="User Admin" OnClientClicked="openUserAdmin" AutoPostBack="false" />

</div>

<div style="float: left; padding: 0px 2px 5px 2px;">

<telerik:RadButton runat="server" ID="btnRefresh" Text="Refresh" CommandName="RebindGrid" AutoPostBack="false" />

</div>

</CommandItemTemplate>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="Edit">

<HeaderStyle Width="3%" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn HeaderText="Customer Name" UniqueName="Customer" SortExpression="Customer"

DataField="Customer">

<HeaderStyle Width="35%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Customer Location" UniqueName="Location" SortExpression="Location"

DataField="Location">

<HeaderStyle Width="25%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Installation Description" UniqueName="Description"

SortExpression="InstallationDescription" DataField="InstallationDescription">

<HeaderStyle Width="35%" />

</telerik:GridBoundColumn>

<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton"

ConfirmText="Delete Installation?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete">

<HeaderStyle Width="2%" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template" >

<EditColumn ButtonType="ImageButton" />

<FormTemplate>

<div>

<bw:LocationDetail ID="bwLocationDetail" runat="server" />

</div>

</FormTemplate>

</EditFormSettings>

<PagerStyle AlwaysVisible="True" />

</MasterTableView>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

</telerik:RadGrid>

</div>

</asp:Content>

Grid

answered on 25 Jul 2012

2 answers

271 views

[Solved] RadWindow VisibleOnPageLoad issue

Hello , everyone, I've got a strange issue that just popped up after I upgraded to v.2012.2.607.40.

I've got a RadWindow that has VisibleOnPageLoad set to false. This RadWindow contains a few asp drop down lists, RadComboBoxes, and a RadButton. One of the drop down lists contains an item with the text and value set to "Trial". As long as this item is there, the RadWindow will partially render on page load (If I remove the Item, the window is hidden, as expected). If I change the text and value to anything else, the RadWindow is hidden as expected. I have even tried replacing the drop down list with a RadComboBox with an item that has the same "Trial" text/value and I see the same behavior. I've even gone so far as to remove all other controls from the RadWindow to narrow it down to this, so if I have this markup, the RadWindow is shown on page load even if VisibleOnPageLoad is false:

<telerik:RadWindow ID="radWindowNew" runat="server" Modal="true" Behaviors="Close"

Skin="Windows7" Width="400" Height="350px">

<ContentTemplate>

<table border="0" cellpadding="2" width="100%">

<tr>

<td>

<asp:DropDownList runat="server" ID="ddlLeadSource">

<asp:ListItem>Trial</asp:ListItem>

</asp:DropDownList>

</td>

</tr>

</table>

</ContentTemplate>

</telerik:RadWindow>

However, if I change the text of the list item to anything else, the VisibleOnPageLoad setting is evaluated correctly and the RadWindow is hidden.

Is this a bug, or can someone Identify something I'm doing incorrectly?

Thanks!

Window

answered on 25 Jul 2012

1 answer

139 views

[Solved] Error RadAjaxPanel : "clvp" object null or undefined

Hi,
When I try to ajaxified some controls in my RadDock, I've an error (see screen in attached file). This error occurs after executing "RadButtonChangeUrl_Click".
Error : Microsoft JScript:Enable to get the "clvp" property value ; object null or undefined.

MasterPage :

<asp:ScriptManager id="ScriptManager" runat="server" EnablePageMethods="false" EnablePartialRendering="true" EnableScriptGlobalization="false" EnableScriptLocalization="true" >

</asp:ScriptManager>

Page.ascx :

<telerik:RadDockLayout ID="RadDockLayout1" Visible="false" runat="server">

<telerik:RadDockZone ID="RadDockZone1" runat="server" Width="400px" BackColor="White" BorderStyle="None">

<telerik:RadDock ID="RadDockGRIDisSCode" Visible="false" runat="server" Width="400px" DefaultCommands="ExpandCollapse">

<ContentTemplate>

<telerik:RadAjaxPanel ID="RadAjaxLoadingPanel1" runat="server" Width="256px" Height="64px">

<asp:HyperLink ID="LabelUrlReporting" runat="server" Target="_blank"></asp:HyperLink>

<telerik:RadButton ID="RadButtonChangeUrl" runat="server" OnClick="RadButtonChangeUrl_Click">

</telerik:RadButton>

<telerik:RadTextBox ID="RadTextBoxNewUrl" Visible="false" runat="server" TextMode="SingleLine" EmptyMessage="-" Width="280px" />

<telerik:RadButton ID="RadButtonNewUrl" runat="server" Visible="false" OnClick="RadButtonNewUrl_Click">

</telerik:RadButton>

<telerik:RadButton ID="RadButtonCancelUrl" runat="server" Visible="false" OnClick="RadButtonCancelUrl_Click">

</telerik:RadButton>

</telerik:RadAjaxPanel>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

</telerik:RadDockLayout>

Page ascx.cs :

public void CreateRadDockGRIDisSCode(GridDataItem _SelectedItem)

{

RadDockLayout1.Visible = true;

RadDockGRIDisSCode.Visible = true;

LabelUrlReporting.Text = "MyUrl";

LabelUrlReporting.NavigateUrl = "http://www.myurl.com";

}

public void RadButtonChangeUrl_Click(object sender, EventArgs e)

{

LabelUrlReporting.Visible = false;

RadButtonChangeUrl.Visible = false;

RadTextBoxNewUrl.Visible = true;

RadTextBoxNewUrl.Text = LabelUrlReporting.Text;

RadButtonCancelUrl.Text = "Cancel";

RadButtonCancelUrl.Visible = true;

RadButtonNewUrl.Text = "OK";

RadButtonNewUrl.Visible = true;

}

public void RadButtonCancelUrl_Click(object sender, EventArgs e)

{

LabelUrlReporting.Visible = true;

RadButtonChangeUrl.Visible = true;

RadTextBoxNewUrl.Visible = false;

RadButtonCancelUrl.Visible = false;

RadButtonNewUrl.Visible = false;

}

public void RadButtonNewUrl_Click(object sender, EventArgs e)

{

LabelUrlReporting.Visible = true;

RadButtonChangeUrl.Visible = true;

RadTextBoxNewUrl.Visible = false;

RadButtonCancelUrl.Visible = false;

RadButtonNewUrl.Visible = false;

LabelUrlReporting.NavigateUrl = RadTextBoxNewUrl.Text;

LabelUrlReporting.Text = RadTextBoxNewUrl.Text;

}

Thanks .

Ajax

answered on 25 Jul 2012

3 answers

176 views

Telerik Grid Control with Filter and Edit link

I have used a Telerik Grid control with Filter option. One of the column has the edit link. When I click on the Edit link, it works fine
When I use the Filter It results in filtered list. when I click on the Edit link on the filtered list, it results in error, like ID not found.
How do I fix this issue

UI for ASP.NET AJAX in ASP.NET MVC

answered on 25 Jul 2012

1 answer

107 views

Copy/Paste causes line breaks to double in Chrome

Similar to this thread which has been fixed, my problem appears in Chrome when the content area style is set in OnClientLoad.

Open notepad and create a document as follows

Line 1
Line 2

Line 4

Set the font programatically within OnClientLoad (we don't want to set it in the .css as we would like the font to be customizable per-user).

function OnClientLoad(editor) {
var style = editor.get_contentArea().style;
style.fontFamily = "Tahoma";
}

Paste the text into the editor and the line breaks are doubled.

Editor

answered on 25 Jul 2012