Questions on UI for ASP.NET AJAX Forum

2 answers

150 views

How to change just radwindow border's opacity ?

Good morning,

I wonder If somebody could help me with my issue.

What I need to achieve is change RadWindow border's opacity (not background) as it's in this example:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/listviewsliderwindowrotator/defaultcs.aspx?product=listview

The problem is when I choose some standard skin, e.g. skin="Hay", then the RadWindow border is without opacity.

For futher info please check images in the attachment.

Please help me to solve this issue.

Best regards

Vasssek

Window

answered on 30 May 2011

2 answers

75 views

Grid Expanding Beyond ContentPlaceHolder Div

OK here is the scenario. I have a website with a master page set up, and within one of the pages I am usin the grid control, which is set up to run off from partial postbacks. Everything works fine other then the control breaks out of the div that is set up to be a wrapper for the contentplaceholder, that is filled by the page with the grid. So to give you an idea here is a general idea of what i have below:

CSS:
#mainContentWrapper
{
     width:100%;
    //No height is set intentionally to allow for dynamic div growth
}

Master Page:

<div id="mainContentWrapper">
    <contentplaceholder></contentplaceholder1>
</div>

Data Page:
<contentplaceholder>
    <telerik:radgrid></telerik:ragrid>
</contentplaceholder>

The problem is as soon as you do anything like change record display size from the client, it breaks out of the mainContentWrapper div instead of the forcing the div to expand like it should. This would work with any other functionality that isnt using the telerik controls so my assumption is that are some point in rendering the grid control is changed to be absolute and thus is placed above the div and will not adjust its size?

Grid

answered on 30 May 2011

7 answers

207 views

Animate raddcock command item icon

Hello,

I have raddock inwhich usercontrols are loaded dynamically. On clicking the link button in the usercontrol data refreshes.

I want to animate (replace icon with some gif file till the time page is refreshing) the raddock itemcontent image while page is refreshing. Plz see attached image.

Can you plz suggest me that how can achieve this ?

Dock

answered on 30 May 2011

1 answer

241 views

Nested combobox and treeview with checkbox CheckedChanged event not firing

Hi,

We have a RadTreeView and inside its NodeTemplate we have a RadComboBox. In the Itemtemplate of RadComboBox we have a checkbox. AutoPostback property of checkbox is set to true but when I check the checkbox the page refreshes (a postback occurs but not an Ajax postback although RadTreeView is ajaxified using RadAjaxManager) but CheckedChanged event doesn't fire.

I set the data for RadTreeView on Page Load and Node Expand functions. And I set the data for RadComboBox on ItemsRequested method of RadComboBox since LoadOnDemand is set to true.

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelDefault" runat="server">

</telerik:RadAjaxLoadingPanel>

<fieldset>

<div>

<telerik:RadTreeView ID="TreeViewUnits" runat="server"

OnNodeExpand="TreeViewUnits_NodeExpand"

onnodecreated="TreeViewUnits_NodeCreated">

<NodeTemplate>

<asp:Literal ID="LtrName" runat="server" Text=""></asp:Literal>

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

<telerik:RadComboBox runat="server" ID="ComboTags" Height="190px" Width="420px" EnableLoadOnDemand="true"

HighlightTemplatedItems="true" OnDataBound="ComboTags_DataBound" OnItemDataBound="ComboTags_ItemDataBound"

OnItemsRequested="ComboTags_ItemsRequested">

<HeaderTemplate>

<ul>

<li class="col1">Selected</li>

<li class="col2">Tag Name</li>

</ul>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li class="col1">

<asp:CheckBox ID="CheckTag" runat="server" AutoPostBack="True"

oncheckedchanged="CheckTag_CheckedChanged" /></li>

<li class="col2">

<%# DataBinder.Eval(Container.DataItem, "Name") %></li>

</ul>

</ItemTemplate>

<FooterTemplate>

A total of

<asp:Literal runat="server" ID="LtrComboTagsCount" />

items

</FooterTemplate>

</telerik:RadComboBox>

</NodeTemplate>

</telerik:RadTreeView>

</div>

</fieldset>

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

MyDataBindSections(TreeViewUnits);

}

RadAjaxManager ajax = RadAjaxManager.GetCurrent(this.Page);

ajax.AjaxSettings.AddAjaxSetting(TreeViewUnits, TreeViewUnits, RadAjaxLoadingPanelDefault);

}

private void MyDataBindSections(RadTreeView radTree)

{

List<Scope> scopes = SessionHandler.UserSession.Scopes;

radTree.Nodes.Clear();

foreach (Scope scope in scopes)

{

RadTreeNode node = GetUnitNode(scope.Unit, false);

radTree.Nodes.Add(node);

}

public static RadTreeNode GetUnitNode(Unit unit, bool expand)

{

RadTreeNode unitNode = new RadTreeNode();

unitNode.Text = unit.Name;

unitNode.Attributes.Add("NodeType", "Unit");

RadTreeNode unitTagNode = new RadTreeNode();

unitTagNode.Text = "Tags";

unitTagNode.Attributes.Add("NodeType", "UnitTag");

unitTagNode.Attributes.Add("UnitId", unit.Id.ToString());

unitNode.Nodes.Add(unitTagNode);

if (expand)

{

AddChildUnits(unitNode, unit);

unitNode.ExpandMode = TreeNodeExpandMode.ClientSide;

}

else

{

unitNode.ExpandMode = TreeNodeExpandMode.ServerSide;

}

return unitNode;

}

public static void AddChildUnits(RadTreeNode node, Unit unit)

{

List<Unit> childUnits = unit.ChildUnits.ToList();

RadTreeNode unitNodeFolder = new RadTreeNode();

unitNodeFolder.Text ="Subunits( " + unit.ChildUnits.Count + " )";

unitNodeFolder.Attributes.Add("NodeType", "UnitFolder");

if (childUnits.Count > 0)

{

unitNodeFolder.Expanded = true;

}

node.Nodes.Add(unitNodeFolder);

foreach (Unit childUnit in childUnits)

{

unitNodeFolder.Nodes.Add(GetUnitNode(childUnit, false));

}

protected void TreeViewUnits_NodeExpand(object sender, RadTreeNodeEventArgs e)

{

RadTreeNode node = e.Node;

if (node.Attributes["NodeType"] != null)

{

if (node.Attributes["NodeType"] == "Unit")

{

UnitService service = new UnitService();

Unit unit = service.GetUnit(int.Parse(node.Value));

if (!unit.IsLeaf)

{

AddChildUnits(node, unit);

}

node.Expanded = true;

}

protected void ComboTags_DataBound(object sender, EventArgs e)

{

RadComboBox comboTags = sender as RadComboBox;

((System.Web.UI.WebControls.Literal)comboTags.Footer.FindControl("LtrComboTagsCount")).Text =

Convert.ToString(comboTags.Items.Count);

}

protected void ComboTags_ItemDataBound(object sender, Telerik.Web.UI.RadComboBoxItemEventArgs e)

{

System.Web.UI.WebControls.CheckBox check =

e.Item.FindControl("CheckTag") as System.Web.UI.WebControls.CheckBox;

check.Attributes["TagId"] = ((Tag)e.Item.DataItem).Id.ToString();

}

protected void ComboTags_ItemsRequested(object sender, Telerik.Web.UI.RadComboBoxItemsRequestedEventArgs e)

{

UnitService service = new UnitService();

RadComboBox comboTags = sender as RadComboBox;

int unitId = 0; //Find unit id

comboTags.DataSource = service.GetTags(unitId);

comboTags.DataBind();

}

protected void TreeViewUnits_NodeCreated(object sender, RadTreeNodeEventArgs e)

{

if (e.Node.Attributes["NodeType"] == "UnitTag")

{

e.Node.FindControl("ComboTags").Visible = true;

}

else

{

e.Node.FindControl("ComboTags").Visible = false;

}

e.Node.FindControl("LtrName").Visible = true;

((System.Web.UI.WebControls.Literal)e.Node.FindControl("LtrName")).Text = e.Node.Text;

}

protected void CheckTag_CheckedChanged(object sender, EventArgs e)

{

System.Web.UI.WebControls.CheckBox check =

sender as System.Web.UI.WebControls.CheckBox;

int unitId = 0; //Find unit id

int tagId = int.Parse(check.Attributes["TagId"]);

UnitService service = new UnitService();

if (check.Checked)

{

//service.AddTag(unitId, tagId);

}

else

{

//service.RemoveTag(unitId, tagId);

}

How can I fire CheckedChanged event and also enable Ajax on checkbox click?

Thank you.

TreeView

answered on 30 May 2011

3 answers

95 views

RadWindow basics

Hello I am new to telerik radwindows so I may not be asking the question the right way...pls forgive.
But I have requirements to update our application to allow toggling of clients/people. The current application (I'm told uses "scope" to designate when a user selects a client then maps clientid, name, etc to session memory for updates to db. I need to update application to allow for a main page where listing all clients and allow for user to select a client in a radwindow with the scope/memory data, do db updates, then be able to minimize that radwindow and select another clientid and updates......more same

I think I would just call radwindow and give it the clientid as the name. ? Right? Also how do I load the "scope" and memory to toggle and make sure my radwindow has the right client info when I do db updates?

Any help is appreciated

Main Window/User home page
Left side Right side content display
Navigator Panel Client ID, Name of Client, etc

Client 1
Client 2
Client 3
Cielnt 4

Window

answered on 30 May 2011

2 answers

81 views

Gird View values are Resets When PageIndexChanged

Hi All,
I have a rad grid which is having a Check box Column and Text box in Item Template. I am changing the value in the grid then go the second page by page index changing. when i come back to first page my previous tyeped values are reseting. I want to insert the whole grid value by one submit button.. Can any one give me the best solution for the above problem..

Grid

answered on 30 May 2011

1 answer

176 views

RadGrid Grouping very slow

Hi,

Just started using your RadGrid for ASP.net here at work and have a table with about 500,000 rows that I am testing with. Sorting/Paging/Filtering all works fine and I am able to build a custom linq query to only return the rows i need to be displayed...but, I'm not having any luck doing that with grouping as I need to return the entire resultset for radgrid to group correctly.

As the rows increase in the database table, so does the time it takes for the page to load when grouped or when performing any type of grouping, i'm using the following code for testing, and currenly have PageSize set to 10, as per the default.

Protected Sub RadGrid1_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

Dim db As New TrackerDataContext

db.Log = New System.Diagnostics.DebuggerWriter

Dim query = From p In db.posts

Where p.parentid = 0

Select p

If String.IsNullOrWhiteSpace(RadGrid1.MasterTableView.FilterExpression) = False Then

query = query.Where(RadGrid1.MasterTableView.FilterExpression)

End If

For Each exp As GridSortExpression In RadGrid1.MasterTableView.SortExpressions

query = query.OrderBy(String.Format("{0} {1}", exp.FieldName, exp.SortOrder.ToString))

Next

Dim start As Integer = RadGrid1.CurrentPageIndex * RadGrid1.PageSize

Dim max As Integer = RadGrid1.PageSize

RadGrid1.AllowCustomPaging = True

'we always need count

RadGrid1.VirtualItemCount = query.Count

If isGrouping Or RadGrid1.MasterTableView.GroupByExpressions.Count > 0 Then

start = 0

max = RadGrid1.VirtualItemCount

RadGrid1.AllowCustomPaging = False

End If

RadGrid1.DataSource = query.Skip(start).Take(max)

End

Sub

Private isGrouping As Boolean = False

Protected Sub RadGrid1_GroupsChanging(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridGroupsChangingEventArgs) Handles RadGrid1.GroupsChanging

isGrouping = True

If e.Action = GridGroupsChangingAction.Ungroup AndAlso RadGrid1.MasterTableView.GroupByExpressions.Count = 1 Then

isGrouping = False

End If

End Sub

Is there any way to improve the performance?

Take Care

Grid

answered on 30 May 2011

4 answers

130 views

Should RadAlerts be movable?

(I'm fairly certain this applies to RadPrompt and RadConfirm too but I haven't tested it.)

Config - VS 2008 Express, Prometheus 3Q 2007. RadWindowManager control sits on a master page, RadAlert is invoked from a content page.

Here are my questions/issues.

1. On IE7, the alert appears at 0,0 instead of centered. On Firefox 2, it is centered correctly. Is this a known problem?

2. If RadAlert/RadConfirm/RadPrompt are designed as replacements for their Javascript equivalents, why aren't they movable (on either browser)? I set the Behavior property of the RadWindowManager to Move, but it didn't make a difference.

Thanks.

Window

answered on 30 May 2011

5 answers

165 views

Important - How to remove the extra blank space below appointments while grouping.

Hi,

Please advise on the following as this may influence the decision of my company to go along with telerik radscheduling.

I'm using the scheduler with "AppointmentTemplate" in the "TimelineView". Our application is a Time Attendance one, and hence we have a lot of info going into the template (Time In, Time Out, Shift Code, Scheduled In, Scheduled Out, Exceptions, Leaves, etc..). and hence the size of the template has been increased significantly (via use of CSS) to display all the information. We are grouping the appointment info by using "Employees" as "resources".

The problem is that when grouping, there's always a blank space equal to the size of the "AppointmentTemplate" below the later.

It is important that we remove this unnecessary big space as this affects the UI of the application.

Please provide a quick fix, if available.

Thanks in advance ...

Scheduler

answered on 30 May 2011

3 answers

120 views

InlineEditTemplate > how to make the subject into a combobox

Hi,

I'm kinda new with the radscheduler, but after working really hard at the calender I managed to make everything work.
Only the inlineEditTemplate is impossible to understand for me.

This is my problem : The subject can only have a few values, that's why I want to use a combobox.
But it doesn't matter how I name the field in the InlineEditTemplate, he always use the Text in the Textbox as Subject.
With the Combobox he doesn't do anything :(

Can someone explain me how I can make a very easy inlineedittemplate with 1 combox to change the subject field.

Thnx alot!

<

InlineEditTemplate>

<asp:TextBox runat="server" ID="SubjectTextBox2" Text='<%# Bind("Subject") %>' Width="99%"></asp:TextBox>

status :

<telerik:RadComboBox ID="SubjectTextBox" Runat="server" SelectedValue='<%# Bind("Subject") %>'>

<Items>

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, H00 %>" Value="H00" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, I00 %>" Value="I00" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, I30 %>" Value="I30" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, P00 %>" Value="P00" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, P06 %>" Value="P06" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, P07 %>" Value="P07" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, P08 %>" Value="P08" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, H03 %>" Value="H03" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, P02 %>" Value="P02" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, P46 %>" Value="P46" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, I70 %>" Value="I70" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, N00 %>" Value="N00" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, U00 %>" Value="U00" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, T00 %>" Value="T00" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, O01 %>" Value="O01" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, O03 %>" Value="O03" />

<telerik:RadComboBoxItem runat="server" Text="<%$ Resources:Statussen, O04 %>" Value="O04" />

</Items>

</telerik:RadComboBox>

<asp:LinkButton runat="server" ID="UpdateLinkButton" CommandName="Update" Text="Update"></asp:LinkButton> 

<asp:LinkButton runat="server" ID="CancelLinkButton" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</div>

</InlineEditTemplate>

Scheduler

answered on 30 May 2011