Questions on UI for ASP.NET AJAX Forum

8 answers

94 views

zone.expandPane(searchPanelId); not working in Firefox...

I am trying to autoexpand a sliding Pane(Search Pane) when the user comes to this page. It works fine in IE and Safari(Ipad users). They(Program Director) would like this functionality in Firefox. I am running the latest version of Firefox, but I am getting a Javascript error when I try to call this code:

function OpenSearchPanel(searchZone,

searchPanelId) 

{  try

 

{ 

 

var zone = $find(searchZone); 

zone.expandPane(searchPanelId); 

}  catch (err)

 

{ 

alert('Error opening Search Panel. ' +

err.Message); 

return; 

} }

"zone" is coming back undefined. Below is my partial HTML.

<telerik:RadPane ID="SearchPane" runat="server" Height="100%" Width="20px"

Style="position:

relative;"> 

<telerik:RadSlidingZone ID="RadSlidingSearchZone" runat="server"

SlideDirection="Left"> 

<telerik:RadSlidingPane ID="RadSlidingPane1" EnableDock="false"

runat="server" Width="240px" Title="Search"

Scrolling="Y"> 

<!--SEARCH

PANEL--> 

<telerik:RadPanelBar ID="radSearchPanel"

runat="server"> 

<Items> 

<telerik:RadPanelItem runat="server" Expanded="true"

Width="240px"> 

<ContentTemplate> 

<table class="searchForm" width="215px"

border="0"> 

<tr> 

<td

class="searchSectionLabel"> 

Name 

</td> 

</tr> 

<tr> 

<td

 

<asp:TextBox ID="txtTalentSearch" CssClass="textFields" runat="server"

TabIndex="0" 

Width="200px"></asp:TextBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Agent 

</td> 

</tr> 

<tr> 

<td> 

<telerik:RadComboBox ID="cboAgentSearch" runat="server" EmptyMessage="Type to

Search..." 

EnableAutomaticLoadOnDemand="true" EnableVirtualScrolling="true"

ItemsPerRequest="100" 

MarkFirstMatch="True" Skin="WebBlue"

Width="205px"> 

<WebServiceSettings Method="GetAgents" Path="Talent.aspx"

/> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Agency 

</td> 

</tr> 

<tr> 

<td> 

<telerik:RadComboBox ID="cboAgencySearch" runat="server" EmptyMessage="Type

to

Search..." 

EnableVirtualScrolling="true" ItemsPerRequest="100"

EnableAutomaticLoadOnDemand="true" 

MarkFirstMatch="True" Skin="WebBlue"

Width="205px"> 

<WebServiceSettings Method="GetAgencies" Path="Talent.aspx"

/> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Credit 

</td> 

</tr> 

<tr> 

<td> 

<telerik:RadComboBox ID="cboCreditSearch" runat="server" EmptyMessage="Type

to

Search..." 

EnableVirtualScrolling="true" ItemsPerRequest="100"

EnableAutomaticLoadOnDemand="true" 

MarkFirstMatch="True" Skin="WebBlue" Width="205px"

 

> 

<WebServiceSettings Method="GetCredits" Path="Talent.aspx"

/> 

</telerik:RadComboBox> 

</td> 

</tr> 

<tr> 

<td align="left" valign="top"

class="searchSectionLabel"> 

Genre 

 

  

<asp:Image ID="imgGenreSearch" runat="server" ImageUrl="~/Images/Search.gif"

Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td> 

<asp:ListBox ID="lstGenreSearch" CssClass="textFields"

SelectionMode="Multiple"

runat="server" 

Width="205px"

OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"<BR

AutoPostBack="true"></asp:ListBox> 

</td> 

</tr> 

<tr> 

<td align="left" valign="top"

class="searchSectionLabel"> 

Strength 

 

  

<asp:Image ID="imgStrengthSearch" runat="server"

ImageUrl="~/Images/Search.gif" Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td> 

<asp:ListBox ID="lstStrengthSearch" CssClass="textFields"

SelectionMode="Multiple" 

runat="server" Width="205px"

OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"<BR

AutoPostBack="true"></asp:ListBox> 

</td> 

</tr> 

<tr> 

<td align="left" valign="top"

class="searchSectionLabel"> 

Specialty 

 

  

<asp:Image ID="imgSpecialtySearch" runat="server"

ImageUrl="~/Images/Search.gif" Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td> 

<asp:ListBox ID="lstSpecialtySearch" SelectionMode="Multiple" Width="205px"

Height="100px" 

runat="server"

OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"<BR

AutoPostBack="true"> 

</asp:ListBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:CheckBox ID="chkTarget" runat="server" CssClass="textFields"

Text="Target"

/> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

Note 

 

  

<asp:Image ID="imgNoteSearch" runat="server" ImageUrl="~/Images/Search.gif"

Visible="false"

/> 

</td> 

</tr> 

<tr> 

<td> 

<asp:ListBox ID="lstNoteSearch" runat="server" SelectionMode="Multiple"

Width="205px"

OnSelectedIndexChanged="SearchListBox_SelectedIndexChanged"

<BR>

AutoPostBack="true"> 

 

</asp:ListBox> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:CheckBox ID="ckAvailableOnlySearch" runat="server" Text="Available Only"

/> 

</td> 

</tr> 

<tr> 

<td

class="searchSectionLabel"> 

<asp:CheckBox ID="ckIncludeInactiveSearch" runat="server" Text="Include

Inactive"

/> 

</td> 

</tr> 

<tr> 

<td align="right"

class="searchSectionLabel"> 

<telerik:RadButton ID="btnSearch" OnClick="btnSearch_Click" runat="server"

Text="Search" 

Skin="WebBlue"> 

</telerik:RadButton> 

<telerik:RadButton ID="btnReset" OnClick="btnReset_Click" runat="server"

Text="Reset" 

Skin="WebBlue"> 

</telerik:RadButton> 

</td> 

</tr> 

</table> 

</ContentTemplate> 

</telerik:RadPanelItem> 

</Items> 

</telerik:RadPanelBar> 

</telerik:RadSlidingPane> 

</telerik:RadSlidingZone> 

</telerik:RadPane> 

Environment:
Windows 7
Firefox 4.0.1
Latest Version of the Telerik AJAX Controls: 2011.1.413.40
ASP.NET 4.0
Visual Studio 2010

Thanks

Mark

Splitter

answered on 11 May 2011

1 answer

60 views

Clicking TreeView Node does not load page from cache

Using normal link and even the JavaScript below, called in another function, will transfer the page to the new URL, and since caching is turned on, load it from the cache. But clicking a node on the TreeView, although sending to the new page, will not use the cache, and the page loads from the server.

Do you know how to explain this behavior or a work around? This code was added as an attempt to override default behavior as a fix to this issue, but had no effect noticeable from the default behavior

function OnClientNodeClicking(sender, eventArgs)

{

var node = eventArgs.get_node();

var url = node.get_navigateUrl();

if (url) window.location = url;

eventArgs.set_cancel(true);

}

TreeView

answered on 11 May 2011

18 answers

217 views

Safari linebreak issues

Hi!
I have a issue in Safari; it adds <div>'s and 's instead of 's!
Sometimes it also add some el weirdo styling, like color(rgb...)
This must be a bug, or??
Any ideas? Safari users is wrecking my site layout :(

Editor

answered on 11 May 2011

2 answers

208 views

How to fill a comboBox in hierarchical grid

Hi.
How can i fill a combobox with values in insert-/editmode when i have a hierarchical grid for the detailtable?

Ceci

Grid

answered on 11 May 2011

10 answers

198 views

Selected tabs and Image Urls

I have two issues with current release of the RibbonBar.

Is there a way to set the selected tab programmatically? For instance, say the ribbonbar has 3 tabs, Home, Issues, and Setup. A button on the setup ribbon, has a button that causes a postback. Upon postback, there doesn't appear to be a way to programmatically set a tab as selected. It would be nice if there was a .Selected property that was accessible.

The second issue is with the image urls. It appears that the current property doesn't observe the virtual path ("~/"). I can workaround this with the following, but it is pretty ugly:

For Each t As RibbonBarTab In Me.RibbonBar.Tabs

If t.Text = "Issue Tracker" Then

For Each g As RibbonBarGroup In t.Groups

If g.ID = "rbgIssueTracker" Then

For Each b As RibbonBarButton In g.Items

Select Case b.ID

Case "btnIssueTracker_MyIssues"

Me.btnIssueTracker_MyIssues.ImageUrlLarge = ResolveUrl("~/img/toolbar/myissues.png")

Case "btnIssueTracker_AddIssue"

Me.btnIssueTracker_AddIssue.ImageUrlLarge = ResolveUrl("~/img/toolbar/addnew.png")

Case "btnIssueTracker_ProjectSummary"

Me.btnIssueTracker_ProjectSummary.ImageUrlLarge = ResolveUrl("~/img/toolbar/projectsummary.png")

Case "btnIssueTracker_Roadmap"

Me.btnIssueTracker_Roadmap.ImageUrlLarge = ResolveUrl("~/img/toolbar/roadmap.png")

Case "btnIssueTracker_ChangeLog"

Me.btnIssueTracker_ChangeLog.ImageUrlLarge = ResolveUrl("~/img/toolbar/changelog.png")

End Select

Next

ElseIf g.ID = "rbgIssueTrackerAdministration" Then

For Each b As RibbonBarButton In g.Items

Select Case b.ID

Case "btnIssueTracker_Administration"

Me.btnIssueTracker_Administration.ImageUrlLarge = ResolveUrl("~/img/toolbar/administration.png")

End Select

Next

End If

Next

End If

Next

This works, but as you can see, it isn't very straightforward because there doesn't appear to be any FindButtonById/FindButtonByText property.

I am missing something in the current release? Or are these feature planned for the future?

RibbonBar

answered on 11 May 2011

1 answer

71 views

Cannot select list when only one item in the list

Hi there,

I'm encounter a problem with selecting entire list (bullet-list or number-list) if there's only one item in the list.

If I have the following list:

<ul>

<li>Item 1

<ul>

<li>Second Level</li>

</ul>

</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

If I cursor to "second level" in Design view, the Html structure shown at the bottom is the following:
UL > UL > LI > RemoveElement

If I click on the second UL as I want to apply a style to the UL, the LI is selected and not the UL so I can't apply the style to the UL element.

But this works if there are more then one item in the 2nd UL:

<ul>

<li>Item 1

<ul>

<li>Second Level</li>

<li>Second Level 2</li>

</ul>

</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

Please let me know how I can do this in design view without manual HTML editing.

Thanks

Editor

answered on 11 May 2011

1 answer

167 views

RadGrid in SharePoint 2010

Hi there,

I've tried to integrate RadGrid into an application page of SP2010. After following the article http://www.telerik.com/help/aspnet-ajax/moss-deploying-radcontrols.html, I got error when loading the default site page (without RadGrid). If I remove the two <safecontrol> entries from web.config, the home page (without RadControl) can be displayed. But the page with RadGrid cannot be shown. It shows "An unexpected error has occurred". So far I don't find out what the unexpected error is.

In the application page, the RadGrid is a very simple one by binding to a static datatable using needdatasource method without any button. The version is 2011 Q1.

Any suggestion?

Thanks!

Sharepoint Integration

answered on 11 May 2011

4 answers

93 views

Buttons

Is there a way to get the buttons generated by the upload control to use the new RadButtons with the images?

Regards,

Jon

Upload (Obsolete)

answered on 11 May 2011

3 answers

110 views

Indenting a bullet list properly

Is there a way to indent a bullet list? If I use the indent function on the bullet list it will indent the list by creating another <ul> </ul> to wrap around my existing bullet list and I don't want that.

Thanks

Editor

answered on 11 May 2011

1 answer

125 views

Recurrence Editor Time zone

Hi,

I'm using a single RadSchedulerRecurrenceEditor that I use to generate a recurrence rule. The user can also select time zone, start and end time on the page. How can the recurrence editor adjust to the selected time zone?

Example if the user picks a start time of 10pm and an end time of 11pm in GMT-12, that means it is 10am in GMT the next day. So if the user have picked that his meeting.

Thanks,
Anders

Scheduler

answered on 11 May 2011