Questions on UI for ASP.NET AJAX Forum

3 answers

139 views

Hi,

I am using telerik controls since last one year and these control are compatible with IE, FireFox, Chrome but not working in Safari.
I have tried to use menu control, button, combobox, grids but server side events are not working on Safari.
I found some links which are saying that they got solution, I tried them but they are of no use. here are the links

http://forums.asp.net/t/1733434.aspx/1

http://www.codeproject.com/Tips/429169/ASP-NET-menu-control-issue-in-Chrome-and-Safari

http://bettereducation.com.au/it/yaf_postsm2938_Problem-with-rendering-aspnet-menu-control-in-Chrome-and-Safari.aspx

http://dotnetslackers.com/Community/blogs/kaushalparik/archive/2009/02/13/asp-menu-server-control-cross-browser-compatibility-safari-chrome.aspx

http://dotnet-muthukrishnan.blogspot.com/2012/03/aspnet-menu-control-not-working-in.html

solution mention in above links are not working. Please help me out in this regard and please provide some test project which having mentioned controls and is working on Safari.

Regards
Sheeraz Raza

Menu

answered on 09 Jan 2013

7 answers

299 views

Telerik.Web.UI.Orientation has already been registered with RadDock as a Popup

Hello,
I have 2 developing environments. I have developed a sharepoint project where I include the drag and drop feature from the RadGrid to RadSchdeuler. When I drag and drop an item to the schdeuler, I am showing a RadDock as a Popup from client side using

Sys.Application.add_load(openForm);

So that it will show my appointment editing window. In one environment it is working and in the other one when I drag and drop it is giving me a script exception.

"Error: Sys.InvalidOperationException: Type Telerik.Web.UI.Orientation has already been registered. The type may be defined multiple times or the script file that defines it may have already been loaded."

If I remove that Sys.Application.add_load(openForm); then it wont give me an error, but it wont load the dock.

The Dock

<asp:Panel runat="server" ID="panelAlert">

<telerik:RadDock runat="server" ID="RadDockAlert" Width="350px" Height="120px" Closed="true"

Style="z-index: 2000;" Title="Alert">

<Commands>

<telerik:DockCloseCommand></telerik:DockCloseCommand>

</Commands>

<ContentTemplate>

<div align="center">

<asp:Label ID="lbAlertMsg" runat="server"></asp:Label>

</div>

<br />

<div align="center">

<a onclick="hideAlertForm();" id="aAlertOK" runat="server">

<asp:Label ID="Label3" CssClass="spriteButtons popUpOkButton" runat="server">Ok</asp:Label>

</a>

</div>

</ContentTemplate>

</telerik:RadDock>

</asp:Panel>

The function to show the popup

function openAlertForm() {

var dock = $find("<%= RadDockAlert.ClientID %>");

// Center the RadDock on the screen

var viewPort = $telerik.getViewPortSize();

var xPos = Math.round((viewPort.width - parseInt(dock.get_width())) / 2);

var yPos = Math.round((viewPort.height - parseInt(dock.get_height())) / 2);

$telerik.setLocation(dock.get_element(), { x: xPos, y: yPos });

dock.set_closed(false);

Sys.Application.remove_load(openAlertForm);

}

Drag-n-Drop function

function rowDropping(sender, eventArgs) {

// Fired when the user drops a grid row

var htmlElement = eventArgs.get_destinationHtmlElement();

var scheduler = $find('<%= RadScheduler1.ClientID %>');

if (isPartOfSchedulerAppointmentArea(htmlElement)) {

// The row was dropped over the scheduler appointment area

// Find the exact time slot and save its unique index in the hidden field

var timeSlot = scheduler._activeModel.getTimeSlotFromDomElement(htmlElement);

startDateTime = timeSlot.get_startTime();

Sys.Application.add_load(openForm);

$get('<%= TargetSlotHiddenField.ClientID %>').value = timeSlot.get_index();

// The HTML needs to be set in order for the postback to execute normally

eventArgs.set_destinationHtmlElement('<%= TargetSlotHiddenField.ClientID %>');

}

else {

// The node was dropped elsewhere on the document

eventArgs.set_cancel(true);

}

I am also doing this on the OnInit of the function of the page.

http://www.telerik.com/community/forums/aspnet-ajax/scheduler/asp-updatepanel-and-radscheduler-issues.aspx

I did this because the navigation from day to week etc in the RadSchdeuler.

Any help on this would be gladly accepted.

Dock

answered on 09 Jan 2013

2 answers

116 views

Treeview CSS not used

I have this

    <style type="text/css">
 
html .RadTreeView_Default,
html .RadTreeView_Default a.rtIn,
html .RadTreeView_Default .rtEdit .rtIn input {
  font-family: arial !important;
        font-size: 8pt !important;
        color: red !important;
}
 
    </style>

and my simple tree

    <telerik:RadTreeView ID="RadTreeView1" runat="server" Width="300px"   style="white-space:normal"  
        OnClientNodeExpanded="rtvExplore_OnNodeExpandedCollapsed"
                    OnClientNodeCollapsed="rtvExplore_OnNodeExpandedCollapsed" 
     >
    </telerik:RadTreeView>

but the CSS has no effect on the format?

TreeView

answered on 09 Jan 2013

1 answer

43 views

white image placeholder flash after clicking button

Hello,

Please find below a definition for a rotator with a viewport of 4 items. 5 items were placed statically inside the rotator. After clicking buttons, in either direction, in the rotator, an empty placeholder is depicted in the rotator image area. Could you please help me in fixing this problem.

Please find below the rotator definition.

<telerik:RadRotator ID="radRotator" runat="server" Width="520px" Height="120px" ItemHeight="120px" ItemWidth="120px" RotatorType="Buttons">
                <telerik:RadRotatorItem>
                    <ItemTemplate>
                        <asp:Image runat="server" ID="imgRotatorItem" ImageUrl="" Height="120px" Width="120px"/>
                    </ItemTemplate>
                </telerik:RadRotatorItem>

Thanks,
Oner

Rotator

answered on 09 Jan 2013

3 answers

123 views

Opening up a radwindow form with existing data from a context menu, from a record on a radgrid

Hello,

I was hoping to get some help in figuring out how to open up a form that pops up as a rad window when clicked open from the context menu on a record, with its existing data that has been previously input. I tried figuring it out, but it will only open up a new blank form, (although it shows up with the form id pertaining to that record). Is there a reason why the data does not display? I am storing and retrieving data from Management Studio SQL Server db.

UI for ASP.NET AJAX in ASP.NET MVC

answered on 09 Jan 2013

5 answers

103 views

Combox Onload demand in Grid

Hello
I upgraded Telerik Controls to DevCraft Ultimate. Radcombobox used to work with my older version now it stopped working checked the forums changed the code as per this link
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridincombobox/defaultvb.aspx?product=grid

It shows undefined

var ajxgrid =Window[Window['RadAjaxManager1'

]];

My old version was

<script language="javascript" type="text/javascript">

var grid;

function GridCreated(sender,args) {

grid = sender;

}

//Selecting value from the

function RowClicked(rowIndex) {

var cellValues = this.Rows[rowIndex].KeyValues["Last"] ;

var id = this.Rows[rowIndex].KeyValues["id"];

if (window['comboboxId']) {

var combo = window[window['comboboxId']];

setTimeout(function () {

combo.SetText(cellValues);

combo.SetValue(id);

}, 0);

}

//Show DropDown

function HandleOpen1(sender,eventargs) {

//var inputElement = document.getElementById(combobox.InputID);

if (sender.get_text().length > 1) {

grid.AjaxRequest(grid.UniqueID, "LoadFilteredData," + sender.get_text());

}

else {

return false;

}

</script>

<Telerik:radcomboBox id="RadComboBox1" Width="300px" runat="server" MarkFirstMatch="True" AllowCustomText="True"

OnClientDropDownOpening="HandleOpen1" UseEmbeddedScripts="true" >

<ItemTemplate>

<Telerik:RadGrid id="Grid" Width="295px" runat="server" EnableAJAX="true" EnableAJAXLoadingTemplate="true" PageSize="10" >

<ClientSettings >

<ClientEvents OnRowClick="RowClicked" OnGridCreated="GridCreated"></ClientEvents>

<Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="250px" />

</ClientSettings>

</Telerik:RadGrid>

</ItemTemplate>

<Items>

<Telerik:RadcomboBoxItem ID="RadcomboBoxItem1" runat="server"></Telerik:RadcomboBoxItem>

</Items>

</Telerik:radcomboBox>

it gives me error near grid.ajaxrequest.

Please help. Can you let me know what exactly I need to change.

Thank you
Kavya M

Grid

answered on 09 Jan 2013

8 answers

259 views

RadComboBox in Formview - SelectedIndexchanged

Hi,

I'm currently trying to make the SelectedIndexchanged event available inside a Formview.
What i tried was adding an handler like:

(FormView1.Row.FindControl("rb_fvCustomer") as RadComboBox).AutoPostBack = true;

(FormView1.Row.FindControl("rb_fvCustomer") as RadComboBox).SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(customerCB_SelectedIndexChanged);

Including the defintion of the method:

private void customerCB_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

// DoStuff();

}

It somehow does add the eventhandler but does not fire the according event when changing selection. Is DataBound the wrong place to apply the Even? Any hints about this issue?

regards, Michael

ComboBox

answered on 09 Jan 2013

2 answers

568 views

Skins

I cannot get any skin to load other than Default in my project. I added a reference to Telerik.Web.UI.Skins.dll but it still doesn't work. I am using Telerik 2012 Q1 NET 40.

Thanks,
Sam

Scheduler

answered on 09 Jan 2013

2 answers

267 views

Iterate through expanded grid groups only?

I am working with a grid that utilizes about 3 levels of nested grouping. On page load, some of the grid groups are expanded or contracted based on criteria. I am interested in iterating through the grid and only grabbing a collection of rows that are currently visible due to the groups that are currently expanded. Is this possible?

Grid

answered on 09 Jan 2013

1 answer

146 views

Remove -webkit-scrollbar-button:horizontal:decrement

Hi

I want to remove all style -webkit-scrollbar-button:horizontal:decrement from base style sheet.

I am really angry with the scrollbar style.

Because these css are too bad. How can I do this? Or can I build a dll myself? Please let me know.

Thanks.

FormDecorator

answered on 09 Jan 2013