Questions on UI for ASP.NET AJAX Forum

1 answer

57 views

ComboBox loses css in Firefox when refreshing the page

Hello, I have this site:

http://www.orbitswiss.ch/index_i.aspx

I click the button "Listini" and then I refresh the page; clicking again the button "Listini", I can see that the Combos have lost their css.

What am I doing wrong (only FF presents this anomaly)?

Thank you

AB

ComboBox

answered on 03 Jul 2012

13 answers

416 views

Scrolling Issue with PanelBar

Hello,

I am slowly but surely getting my panel bar setup in the manner that would work with my application, however for some reason, the panel bar will not scroll for me when the contents of the <contenttemplate> are larger than the space. I do not get any scrollbar at all and as you can see I do have the ExpandMode="FullExpandedItem" defined. Below is my markup:

<telerik:RadPanelBar runat="server" ID="WebPageLeftPanel" Height="100%" Width="100%" ExpandMode="FullExpandedItem">

<Items>

<telerik:RadPanelItem Text="About This Metric" Expanded="True" Selected="true" >

<ContentTemplate>

<div class="information">

<h5>Description</h5>

<p>

The following metric will show the number of active Blackberry devices per model number within the organization.

The chart provides for a graphical representation to illustrate the percentage each model accounts for in relation to

the total number of devices. Below the chart a table is provided with the information the chart is based on and also

inludes the total number of devices as well.

</p>

<h5>How to Read</h5>

<p>

Each pie of the chart represent a percentage of the total number of devices.  You can hover over each pie slice for more

details to what the slice represents.  Some slices may be too small therefore will not show as easily on the chart, however

the table belows allows you to see the raw data for the chart, which includes the smaller slices.

</p>

</div>

</ContentTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Quick Links">

<ContentTemplate>

<div class="quicklinks">

<telerik:RadSiteMap ID="QuickLinks" runat="server" DataSourceID="QuickLinksDataSource" ShowNodeLines="true" />

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

This is my only real hurdle left with the panel bar as some other stuff I am doing is mostly cosmetic, but this is more functional and I need to get this one figured out.

Any help is greatly appreciated.

Thanks,
Ron Montecalvo

PanelBar

answered on 03 Jul 2012

2 answers

70 views

ComboBox Skin IE8

Hi everyone

I have a custom skin that Im applying to my ComboBoxes, its looking strange in IE, its almost as if the box is bigger than in needs to be so a pixel or two of the other backgrounds are leaking through.

I have attached an example. Any ideas how to get around this?

ComboBox

answered on 03 Jul 2012

4 answers

125 views

How could i Rad Filter id in Server Side

Hi..
How could i Rad Filter id in Server Side.
I have Two RadFilter control used for my application.
How to find Which RadFilter id click AddExpression and RemoveItem.
I have attached my screen shot also...

Thanks
Newgene.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 03 Jul 2012

3 answers

119 views

Changing foreground color for subject does not appear to work

I am trying to change the color -- foreground and background -- of the subject that appears in the cells of the scheduler when in MonthView or DayView. The background color is set correctly, but the foreground color is not.

In the web application, this is done in the code behind in one of the event handlers. The values are read from the database (along with other data). A code snippet follows. Note: the format of the string 'style' has data such as this example: 'color:#FFFF00;background-color:#33CCFF;'

// service_request_scheduler_AppointmentDataBound
protected void service_request_scheduler_AppointmentDataBound(object sender, SchedulerEventArgs e) {
DbDataRecord currentAppointmentRecord = e.Appointment.DataItem as DbDataRecord;
if (currentAppointmentRecord != null){

string style = currentAppointmentRecord[(int)AppointmentReaderFields.Style];
if (style != null && style != string.Empty){
int foreColor = Convert.ToInt32(style.Substring(7,6),16);
e.Appointment.ForeColor = Color.FromArgb(foreColor);
int backColor = Convert.ToInt32(style.Substring(32, 6), 16);
e.Appointment.BackColor = Color.FromArgb(backColor);
}

}

}

I have run this in the debugger and the string is parsed out correctly so that what gets set in the int 'foreColor' is correct. For debugging purposes, I have also replaced this code with a hard coded foreground color of red, and it still renders as the default (black).

Is there a known bug, am I not using this feature as intended, or other explanation?

Scheduler

answered on 03 Jul 2012

1 answer

111 views

GridHtmlColumnEditor not binding in editform template

Hello,

I have GridHTMLEditorColumn to display a notes_description. I want to use Editform for update and insert, but for somereason I don't see the editform is not displaying the GridHtmlEditorColumnEditor defined in FormTemplate .

Am I missing something in declaration of this editor in FormTemplate

Thanks

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="RadGridC" DataSourceID="SqlDataSourc1e" runat="server" skin="Windows7"

Height="500px" CellSpacing="0" GridLines="None" NoDetailRecordsText="No records to display"

AutoGenerateEditColumn="false">

<MasterTableView AllowAutomaticInserts="true" AllowAutomaticUpdates="true"AutoGenerateColumns="false"

CommandItemDisplay="Top" DataKeyNames="YEAR" EditMode="PopUp" ShowHeader="false" ShowFooter="false">

<CommandItemSettings AddNewRecordText="Add New record"></CommandItemSettings>

<Columns>

<telerik:GridEditCommandColumnUniqueName="EditCommandColumn" HeaderStyle-Width="20px" ButtonType="ImageButton" >

</telerik:GridEditCommandColumn>

<telerik:GridHTMLEditorColumn UniqueName="Notes" DataField="NOTE_DESC" SortExpression="NOTE_DESC"

HeaderStyle-Width="600px" ItemStyle-Wrap="true" >

</telerik:GridHTMLEditorColumn>

</Columns>
<EditFormSettings PopUpSettings-Modal="true"
PopUpSettings-Height="400px"
PopUpSettings-Width="800px"
PopUpSettings-ShowCaptionInEditForm="false"
InsertCaption="Adding New record"
EditFormType="Template" >
<FormTemplate>
<table id="Table2">
<tr>
<td>
<telerik:GridHTMLEditorColumnEditor runat="server" ID="noteseditor" Editor-Content='<%# Bind("NOTE_DESC") %>'
Editor-EditModes="Design" Editor-OnClientLoad="LimitCharacters" Editor-Height="300px" Editor-Width="200px" >
</telerik:GridHTMLEditorColumnEditor>

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="true"/>
<Scrolling AllowScroll="true" UseStaticHeaders="true" />
</ClientSettings>
</RadGrid>
</telerik:RadAjaxPanel>

General Discussions

answered on 03 Jul 2012

2 answers

116 views

Server side binding + client side functions

Hello all,

I'm currently working with radgrid component.
Here is a sample of what i am doing :

First, Radgrid binded is done on server side :

IList<VT.LibNHSILdb.EntityFAB> myList = SILDB.FabsList();

GRD_messages.DataSource = myList[0].LST_MESSAGE;

GRD_messages.DataBind();

I get 5500 records from my list and i'm using paging.
But when i clicked on the paging system on my webpage, Radgrid disapeared.

I solved it by handling the postback action on server side :

if(IsPostBack)

{

GRD_messages.DataSource = myList[0].LST_MESSAGE;

GRD_messages.DataBind();

}

Of course, each time i try to page data inside my grid, the binding is done again for EVERY data (I guess, it take a lot of time to do it)

I would like to bind all data in one request on the server (keep the one i'm using), and allow paging on the client side. Is it possible ?
Am i doing correctly my binding ? Is there any improvement i could do to make this faster ? (We're using Nhibernate to acces data)

Many thanks !

Grid

answered on 03 Jul 2012

1 answer

48 views

Multiple resources availability in relevance with a vacations schedule

Hello,

i' m developing a web application with multiple resources (Employees) using radscheduler. I have 4 tables in my database (one for creatiing employees work schedule, one for connecting employees with their work schedule, one for creating vacations schedule and one for connecting employees with their vacations schedule). So i have 2 radschedulers with multiple resources (one for creating work schedule and one for creating vacations schedule) and 2 database providers (one for each radscheduler). How could i implement when an employee has a vacation for a period of time, this employee will not be available as a resource to work radscheduler for this specific period of time (please note that i' m using recurrence rules)?

Thank you very much.

Scheduler

answered on 03 Jul 2012

3 answers

353 views

Destroy the window object on close

Hi

I have a radWindowManager i am using in a UserControl that opens another UserControl in the radWindowManager.

I am using the VisibleOnPageLoad property to set the window to visible on a button click. Now when i close the window it just becomes invisble. When i open it again using the button click the old values inside the window are preserved. However on each click the window should load fresh.

I tried to use the window.radWindow via javascript but it doesnt work and get an error about property not found.

How can i achieve the above?

Thanks in advance.

Rajesh

Window

answered on 03 Jul 2012

2 answers

370 views

Changing the background colour of the selected item

Hi

I have been reading this thread:http://www.telerik.com/community/forums/aspnet-ajax/combobox/combo-box-color-picker.aspx

As I want to change the background colour of the selected item when an item in my dropdown is selected.
It gives this bit of javascript to do the job, but it's obviously very old as no longer works in the same way.

function onClientSelectedIndexChanged(item)

{

var combo = item.ComboBox;

var comboInput = document.getElementById(combo.InputID);

//here ItemColor is a custom attribute that you can assign in ItemDatabound event

comboInput.style.backgroundColor = item.Attributes.ItemColor;

}

</script>

I have changed it to:

function onClientSelectedIndexChanged(sender, eventArgs) {

var combo = eventArgs.get_item();

var comboInput = document.getElementById(combo.InputID);

//here ItemColor is a custom attribute that you can assign in ItemDatabound event

comboInput.style.backgroundColor = item.Attributes.ItemColor;

}

but the "document.getElementById(combo.InputID); " does not work, as i expected it wouldn't but I don't know what the replacement if it is?

Can anyone help?

Bex

ComboBox

answered on 03 Jul 2012