Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
117 views
Hi,

I want to create a radial gauge with gauge inside gauge. There is a big outer radial gauge and there are two small radial gauge and I want to place these two gauges horizontally inside the big radial gauge around its center. I was trying but cant get the desired placement of controls. Can someone offer help?

Thankyou
Katya
Shinu
Top achievements
Rank 2
 answered on 05 Nov 2013
1 answer
116 views
Hi,

How can I create a radial gauge with its scale displayed as a full circle? Please see the attached pic to get a clear understanding.

Thankyou
Katya
Shinu
Top achievements
Rank 2
 answered on 05 Nov 2013
9 answers
1.1K+ views
I have a Telerik Grid that has a checkbox in each column that will show whether or not each item in the Grid is active. The DropDownList has values from the database, and depending on which value is selected, the checkboxes will turn on or off.

Ex: I choose Category A from the DropDownList and the first record in the Grid will have a checked box to show that record is associated with Category A.

<telerik:RadDropDownList ID="MarketDropDownList" runat="server" DefaultMessage="--Select Market--" Width="200px" DataSourceID="ddlDataSource" DataTextField="MarketName" DataValueField="MarketID">
</telerik:RadDropDownList>
<asp:SqlDataSource ID="ddlDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:DBConnectingString %>" SelectCommand="Select DISTINCT MarketID, MarketName FROM vPanel_Market">
</asp:SqlDataSource>
 <telerik:RadGrid ID="radProductsGrid" runat="server" AllowPaging="true"
 AllowSorting="true" AutoGenerateColumns="false" GridLines="None"
 OnNeedDataSource="radProductsGrid_NeedDataSource"
 OnSortCommand="radProductsGrid_SortCommand" PageSize="100"
 ShowGroupPanel="false" Skin="Default">
<MasterTableView AllowCustomSorting="true" AllowMultiColumnSorting="false"
AllowNaturalSort="false" AllowSorting="true" AutoGenerateColumns="false"
Width="100%">
<Columns>
<telerik:GridTemplateColumn AllowFiltering="true" HeaderText="Product ID"
ReadOnly="true" UniqueName="productid">
<HeaderTemplate>
<asp:CheckBox ID="headerCheck" runat="server"
onClick="javascript:SelectDeselectAllCheckboxes(this);" />
</HeaderTemplate>
<ItemTemplate>
 <%--this checkbox will populate based off of selected value in dropdown --%>
<asp:CheckBox ID="ProductInMarket" runat="server" />
            <asp:HiddenField ID="ProductID" runat="server" Value="ProductID" />
</ItemTemplate>
<ItemStyle VerticalAlign="Middle" Width="60px" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn AllowFiltering="true" DataField="ItemNumber"
HeaderText="Item Number" ReadOnly="true" SortExpression="ItemNumber"
 UniqueName="ItemNumber">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn AllowFiltering="true" DataField="ProductName"
HeaderText="Product Name" ReadOnly="true" SortExpression="ProductName"
UniqueName="ProductName">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn AllowFiltering="true" DataField="CategoryName"
HeaderText="Category Name" ReadOnly="true" SortExpression="CategoryName"
UniqueName="CategoryName">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>


Princy
Top achievements
Rank 2
 answered on 05 Nov 2013
9 answers
431 views
Hi,
I am evaluating the Telerik RadScheduler .
All most all our requirements are available in this except TimeSlot Horizental.
I am facing some problems.

1.

Depending up on appointmetn start time and end time i have to change the colors.
Ex: Appointments End Time lessthan the current time i have to show those appoinments in blue color
Appoinments Start Time greater than the current time i have to show those appoinments in green color.

While page loading and

RadScheduler1_AppointmentDelete

  appointments are showing in the defined colors using

RadScheduler1_AppointmentDataBound

but when i am changing the start time and end time using drag and drop with in the scheduler

 

RadScheduler1_AppointmentUpdate is calling and the color is not changing depending upon the above example logic.
and when ever this event is calling RadScheduler1_AppointmentDataBound is not calling  


 

 

protected void RadScheduler1_AppointmentUpdate(object sender, AppointmentUpdateEventArgs e)

 

{

int

 

id = (int)e.ModifiedAppointment.ID;

 

 

string duration = e.ModifiedAppointment.Duration.ToString();

 

 

string starttime = e.ModifiedAppointment.Start.TimeOfDay.ToString();

 

 

string endtime = e.ModifiedAppointment.End.TimeOfDay.ToString();

 

 

string date = e.ModifiedAppointment.Start.ToShortDateString();

 

 

int resourceId = (int)e.ModifiedAppointment.Resources.GetResourceByType("Chair").Key;

 

ScheduleUpdate(id, starttime, endtime, duration, date, resourceId);

 

 

//Change the appointment colors which are already closed i.e appointmetn end time less than the current time.

 

 

 

 

 

 

if (Convert.ToDateTime(e.ModifiedAppointment.End) < Convert.ToDateTime(DateTime.Now.Hour.ToString() + ":" + DateTime.Now.Minute.ToString()))

 

{

e.Appointment.BackColor = System.Drawing.

Color.Gray;

 

e.Appointment.ForeColor = System.Drawing.

Color.White;

 

}

 

//Change the appointment colors which are not started i.e appointmetn start time greater than the current time.

 

 

 

 

 

 

else if (Convert.ToDateTime(e.ModifiedAppointment.Start) > Convert.ToDateTime(DateTime.Now.Hour.ToString() + ":" + DateTime.Now.Minute.ToString()))

 

{

e.Appointment.BackColor = System.Drawing.

Color.Yellow;

 

e.Appointment.ForeColor = System.Drawing.

Color.Blue;

 

}

 

else

 

 

 

 

 

{

e.Appointment.BackColor = System.Drawing.

Color.Green;

 

e.Appointment.ForeColor = System.Drawing.

Color.White;

 

}

 

RadScheduler1.Rebind();

 

 

RadGrid1.Columns[3].Visible = true;

 

RadToolTipManager2.TargetControls.Clear();

RadGrid1.Rebind();

RadGrid1.Columns[3].Visible =

false;

 

RadAjaxManager1.AjaxSettings.AddAjaxSetting(RadScheduler1, RadScheduler1);

 

 

RadAjaxManager1.AjaxSettings.AddAjaxSetting(RadScheduler1, RadToolTipManager1);

 

 

 

}


2.
How to restrict the users to resize the appoinments with out customizing. Is there any inbuilt property in scheduler control.
3.

 

 

ShowHoursColumn="False"

 

I set the property of the scheduler but its showing the vertical line . I want to remove that line. Is there any way to remove that line from GUI.

4.
In Hours Column time (08:00) is showing top of the TimeLabelSpan but i want to set to middle of the TimeLabelSpan.

5.
I added some contextMenuItems to the appointments and when ever i click on contextMenuItem its opening a new browser.
But i want to open the contextMenuItem windows as popups.
Is there any inbuilt feature to achieve this.

6.How to change the color of 2 timeslots (30 mints) after the each Appointment End Time to RED color.

7. In

 

RadScheduler1_AppointmentUpdate

Event i am getting the below error and data is updating correctly.

 

Sys.WebForms.PageRequestMangerServerErrorException: Procedure or function UpdateDetails has too many arguments specified.
How rosolve the above error.
Code:

 

IDataSource

 

dataSource = SchedulerDataSource;

 

 

DataSourceView view = dataSource.GetView("DefaultView");

 

 

IDictionary keys = new OrderedDictionary();

 

 

IOrderedDictionary data = new OrderedDictionary();

 

data.Add(

"UPStartTime", starttime);

 

data.Add(

"UPEndTime", endtime);

 

data.Add(

"UPDuration", duration);

 

data.Add(

"UPUpdatedBy", "242675");

 

data.Add(

"UPDate", date);

 

data.Add(

"UPChairId", resourceId);

 

data.Add(

"UPAppointmentID", id);

 

 

int j = data.Count;

 

view.Update(keys, data ,

new OrderedDictionary(), OnDataSourceOperationComplete);

 

 

I tried to resolve using the  onupdating="SchedulerDataSource_Updating" event to remove the extra Parameters added by VS.

 

 

 

8.

 

TimeSlotContextMenus are showing when user click on resources. How to restirct it.

 

 

9.
In RadGrid there are 5 columns and i want to give sorting feature to only 2 columns in that grid but in the front end users are able to 
sort using all the columns. How to restrict some columns for sorting by clicking on the grid columns. 

 

 

<SortExpressions>

 

 

 

<telerik:GridSortExpression FieldName="TeammateName" SortOrder="Ascending" />

 

 

 

<telerik:GridSortExpression FieldName="Role" SortOrder="Ascending" />

 

 

 

</SortExpressions>

10.Please go through the attached screen and the questions about the attached screen shot are
   

 

1. How to remove the blue color in b/t the two schedulers.

2. Whenever I click on New Appointment its showing like below.

3. Whenever we are moving the appointments we are getting the below java script error.



 

 

 



Please Give any suggestions ASAP.
Please suggest any reference links for all the above points.
Thanks in advance.





Ivan Zhekov
Telerik team
 answered on 04 Nov 2013
1 answer
120 views
Hello
Inside my user control there is a formview with radTooltips assigned to each control; there is both edit and insert modes. Each works as the code is almost identical, and each is done in a pop-up window.

however if we are in insert-mode and save this switches my formview to edit-mode without closing the pop-up. Then the edit-mode tooltips all show up blank (a small blue rectangle shape). The radTooltip control is in its own user control. The tips load from the database.
I don't use a tooltip manager on ajax managers as I haven't had the need.

I understand that the tooltips need to be loaded/initiated when I call to change to edit mode. Is there a way to load the tips without requiring the users to close the edit window?

thanks
Adam King
Top achievements
Rank 1
 answered on 04 Nov 2013
1 answer
107 views
Implemented tooltips on scheduler based on your demo.  Issue im having is when you move to the next month, the tooltips do not get created. It seems like the tooltips are only being created for the initial months view.

Please help!
Boyan Dimitrov
Telerik team
 answered on 04 Nov 2013
1 answer
94 views
I am working on an Import User function, which allows multiple users created for our application at one time (in Active Directory)

When the Import button is triggered using an Ajax call, the grid is processed during the postback, the values are retrieved from the grid, and a collection of user objects is passed to a WCF service.

While that service is processing the collection (anywhere from 1 - 250 users, or potentially more), I would like to be able to notify the user how many users have been imported.

The users are being created in Active Directory which slows down the process.
I'm not sure if the Ajax timed-out, but when I refreshed my grid, half the users showed up, and after a few other refreshes they all showed up.

My problem, is that I do not have a view of what is happening during the import process.  For small batches it would be relatively quick.

But for larger batches, it looks like the Ajax Loading Panel will eventually stop, the grid will be refreshed, even though all the users have not completed being processed (created in Active Directory).

 - How can I accomplish getting either progress synchronously, or asynchronously while the WCF service continues to process the user import request? 

 - And is there an demo, of getting the progress of a WCF service that is processing a collection of objects?
Hristo Valyavicharski
Telerik team
 answered on 04 Nov 2013
4 answers
116 views
I'm using the same code used in the documentation to add items to a RadListBox on the client side.  This is the page:

http://www.telerik.com/help/aspnet-ajax/listbox-client-object-api.html


Here is my ASPX:

<telerik:RadListBox ID="lstItems" Width="298" Height="495" runat="server" OnClientSelectedIndexChanging="changingItem">
</telerik:RadListBox>

And here is my JavaScript:
$find(pnlItemsId).expand();
    var cboItems = $find(cboIntelligentSearchId).get_items();
    var lstItems = $find(lstItemsId);
    lstItems.trackChanges();
    var ifrContent = $("#ifrContent")[0];
    var currentItemKey;
    if (ifrContent && ifrContent.contentWindow.getCurrentItemKey && typeof ifrContent.contentWindow.getCurrentItemKey == 'function')
    {
        currentItemKey = ifrContent.contentWindow.getCurrentItemKey();
    }
    var listItems = lstItems.get_items();
    listItems.clear();
    for (var i = 0; i < cboItems.get_count(); i++)
    {
        var cboItem = cboItems.getItem(i);
        var itemName = cboItem.get_text();
        var smItemId = cboItem.get_value();
        var item = new Telerik.Web.UI.RadListBoxItem();
        item.set_text(itemName);
        item.set_value(smItemId);
        listItems.add(item);
        if (currentItemKey && currentItemKey == smItemId)
        {
            candidateSelectedNode = item;
            selectedNode = item;
            item.select();
        }
    }
    lstItems.commitChanges();

When the JS finishes, the items appear in the ListBox, but the scrollbar appears as if it has, maybe, three items below the bottom of the ListBox and using the scrollbar shows about three additional items.  However, approximately 100 items were added.  The only way to get them to appear is to click on one of the items and use the down arrow to scroll to the bottom.

I've poked through the documentation as well as JS objects available on the ListBox and I've found no solution to the problem.  Thanks in advance for your help.
Kate
Telerik team
 answered on 04 Nov 2013
6 answers
256 views
Since updating to the latest version of Telerik I have noticed a few layout issues and wanted to check whether its intentional or whether there is an issue with my app.

On the first screenshot I am referencing the header context menu.

On the second screenshot I am referencing the fields all clumped together.

Please see the attached screenshots.
Daniel
Telerik team
 answered on 04 Nov 2013
2 answers
117 views
Hi Team,

I have a data containing more than 7000 rows. When I bind this data to treelist it takes more than 10 minutes to display on screen. So I implemented AllowLoadOnDemand feature. But when I used AllowLoadOnDemand then ExpandAllItems and AllowRecursiveSelection are not working properly.
I am facing below issues.

1. ExpandAllItems is not expanding to all levels.
2. If AllowRecursiveSelection is set to true, header check is not checked even if I click on header checkbox.

Can you please help me on this where I can use below features of TreeList
1. AllowLoadOnDemand = true with checkbox
2. ExpandAllitems
3. AllowRecursiveSelection
4. Improve Rendring of Treelist with more than 7000 rows

Please reply on this ASAP
Alok
Maria Ilieva
Telerik team
 answered on 04 Nov 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?