Questions on UI for ASP.NET AJAX Forum

9 answers

192 views

Hi,

I am using RadToolTipManager for showing ToolTip for my RadTreeView Nodes. I want to show tooltip for my specific RadTreeView Node not for every Node. Is there anyway that I can achieve with some ajaxrequest so that I can hide my tooltip or show for that node which I would like to show.  Any help would be really appreciated.

Protected Sub RadToolTipmanager_AjaxUpdate(ByVal sender As Object, ByVal e As ToolTipUpdateEventArgs)

   Dim roleName As String = e.Value
   Dim listOfUsersInToolTip As New RadListBox
   listOfUsersInToolTip.Width = 150
   listOfUsersInToolTip.Height = 200
   Dim usersList As ArrayList = rc.GetUserRolesByRoleName(DNN.GetPMB(Me).PortalId, roleName)
   If usersList.Count <> 0 Then
   For Each user As DotNetNuke.Entities.Users.UserRoleInfo In usersList
   listOfUsersInToolTip.Items.Add(New RadListBoxItem(user.FullName, user.UserID))
   Next
   listOfUsersInToolTip.SortItems()
   e.UpdatePanel.ContentTemplateContainer.Controls.Add(listOfUsersInToolTip)
   Else

   End If

   End Sub

ToolTip

answered on 20 Dec 2011

1 answer

111 views

[Solved] Maximize problem after Q2 to Q3 upgrade

Hello

After upgrade from release 2011 Q2 to Q3, RadWindows seems not to maximize RadWindow in IE 8/IE 9 ( IE8/9 in the compatibility mode are ok).

It seems to be maximized and then shrinks. RadWindow will maximize itself just after browser is resized.

javascript:
function popup(windowname, url) {
var oManager = GetRadWindowManager();
var oWnd = oManager.GetWindowByName(windowname);
oWnd.show();
oWnd.setUrl(url);
oWnd.Center();
oWnd.Maximize();
HideOverlay();
}

function HideOverlay() {
var overlay = $('div.TelerikModalOverlay');
if (overlay != null) {
overlay.hide();
}
}

Changes in code like removing functions or changing order had no positive effect.

According to the Release Notes, there was some fix about Maximize - shall I change the code somehow to adjust to such change or this could be a bug?

Window

answered on 20 Dec 2011

1 answer

199 views

problem with position - RadToolTips with SumaryValidator in Grid

Hello.

I have one radgrid, when click in button for insert, the tooltips show me validationsumary, but when click button in update, the position of tooltips is not correct. And the tooltips insert to set position after click in button insert.

I will have to set isClientId = true.... after this the problem with position for radtooltips

Is this my code:

<telerik:RadToolTip runat="server" ID="RadToolTipInsert" Position="TopLeft"

ShowEvent="FromCode" Width="400px" RelativeTo="Element"

OnClientBeforeShow="CheckIfShowInsert" Skin="Sitefinity"

ManualClose="True" Animation="Fade" EnableShadow="True"

Title="<span class='MsgTextoToolTip'><b> No es posible guardar debido a lo siguiente:</b></span> "

RenderInPageRoot="True">

<asp:ValidationSummary ID="valSumaryInsert" runat="server"

ValidationGroup="insert_group" />

</telerik:RadToolTip>

<telerik:RadToolTip ID="RadToolTipUpdate" runat="server" Animation="Fade"

EnableShadow="True" ManualClose="True" OnClientBeforeShow="CheckIfShowUpdate"

Position="TopLeft" RelativeTo="Element" ShowEvent="FromCode" Width="400px"

Title="<span class='MsgTextoToolTip'><b> No es posible guardar debido a lo siguiente:</b></span> "

RenderInPageRoot="True" IsClientID="True" TargetControlID="ToolTipsPositionEditMode"

>

<asp:ValidationSummary ID="valSummaryUpdate" runat="server"

ValidationGroup="update_group" />

</telerik:RadToolTip>

<EditItemTemplate>

<asp:ImageButton ID="btnUpdate" runat="server" BorderStyle="None"

BorderWidth="0px" commandname="Update"

ImageUrl="~/Imagenes/PedidoExpress/diskyellow16.png"

ValidationGroup="update_group" onclientclick="ShowTooltipUpdate();"

ToolTip="Guardar los cambios realizados" />

<InsertItemTemplate>

<asp:ImageButton ID="btnInsert" runat="server" BorderStyle="None"

BorderWidth="0px" commandname="PerformInsert"

ImageUrl="~/Imagenes/PedidoExpress/diskgreen16.png"

ValidationGroup="insert_group" onclientclick="ShowTooltipInsert()"

ToolTip="Agregar beneficiario al pedido" />

function CheckIfShowInsert(sender, args) {

var summaryElem = document.getElementById("<%= valSumaryInsert.ClientID %>");

if (summaryElem.style.display == "none") {

args.set_cancel(true);

}

function ShowTooltipInsert() {

window.setTimeout(function () {

var tooltip = $find("<%= RadToolTipInsert.ClientID %>")

tooltip.show();

}, 10);

}

function CheckIfShowUpdate(sender, args) {

var summaryElem = document.getElementById("<%= valSummaryUpdate.ClientID %>");

if (summaryElem.style.display == "none") {

//API: if there are no errors, do not show the tooltip

args.set_cancel(true);

}

function ShowTooltipUpdate() {

var tooltip = $find("<%= RadToolTipUpdate.ClientID %>")

setTimeout( function ()

{

tooltip.show();

}, 20);

}

i attach 2 images, the image one is working fine with insert, but image two a three is the problem i have.

Thank..

Bets Regards,

ToolTip

answered on 20 Dec 2011

6 answers

453 views

[Solved] RadWindow + Restriction Zone

Hi,

Here I have one table structure below in which I have to open radwindow by restriction zone id. But Its not working for me.

Table Structure:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <%--This is main DIV [DivMain] for Master page performed as restriction Zone for RadWindow.--%>
            <td id="DivMain" >
                 <telerik:RadWindowManager IconUrl="/images/logos16x16.png" RestrictionZoneID="DivMain"
                    MinimizeZoneID="divFooterSlider" ID="RadWindowManagerMaster" DestroyOnClose="true"
                    runat="server" EnableShadow="true">
                    <Windows>
                        <telerik:RadWindow IconUrl="/images/logos16x16.png" ID="CommonWindowToLoad" runat="server"
                            Animation="Fade">
                        </telerik:RadWindow>
                    </Windows>
                </telerik:RadWindowManager>
            </td>
        </tr>
        <tr>
            <td>
            </td>
        </tr>
</table>

Note: -
1) I have tried with "KeepInScreenBounds".
2) I have tried with "<td id="DivMain" runat="server">"

By above two options it maximize the window but its maximize to whole browser not limited to that perticular <TD>.

My Javascript by which radwindow calls is below:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
function openWin(pagename, radwinname) {
                var FullURL = location.href;
                var urlArr = FullURL.split('/');
                var testUrl = urlArr[0] + "//" + urlArr[2];
                var oWnd = radopen(testUrl + "/" + pagename, radwinname);
                oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Reload + Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Resize + Telerik.Web.UI.WindowBehaviors.Pin + Telerik.Web.UI.WindowBehaviors.Minimize + Telerik.Web.UI.WindowBehaviors.Maximize);
                oWnd.set_title(radwinname);
                oWnd.maximize();
            }
</script>
    </telerik:RadCodeBlock>

Please help me to solve this. Thank you in advance.

Regards,

Kaushal Jani

Window

answered on 20 Dec 2011

1 answer

148 views

Tooltip inside radgrid

Dear All,
i am doing tooltip in radgrid as http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultcs.aspx
demo,but i want to get gridbound column value of that row on UpdateToolTip method,as i can get datakeyvalue.

how can i get?

thanks & regards

ToolTip

answered on 20 Dec 2011

3 answers

587 views

How to bind to a group of radio buttons

Let's say that I have two radio buttons that I'd like to bind to a database. Now, both fields are bound, but only one of them is selected based on the data in the database. Would the following code work?

<telerik:RadButton ID="ID1" runat="server" ToggleType="Radio" GroupName="MyGroup" 
 ButtonType="ToggleButton" AutoPostBack="false" Text="Choice 1" Checked='<%# Bind("datasourcefield")=="Choice 1" %>'>    
</telerik:RadButton><br />
<telerik:RadButton ID="ID2" runat="server" ToggleType="Radio" GroupName="MyGroup" 
 ButtonType="ToggleButton" AutoPostBack="false" Text="Choice 2" Checked='<%# Bind("datasourcefield")=="Choice 2" %>'>    
</telerik:RadButton><br />



If this code would not work, what would?

Button

answered on 20 Dec 2011

2 answers

136 views

RadEditor Width Problem

I am currently using Telerik Version v.2009.02.0826.35, and encountering an issue where the RadEditor sporadically will display much wider than defined, forcing horizontal scrolling. Looking at other threads here about this problem, the solution seems to be registering external skins.

However, I am not using a skin for either the RadEditor control, nor the DetailsView that is is part of.

The one thing I did notice though, is that the toolbar, which is loaded from an XML file, doesn't display properly either when the RadEditor misbehaves. I've included two screenshoots - one bad, one good.

Here is a snapshot of the portion of the aspx page where the RadEditor exists:

                    <div id="divDetailsView" runat="server">
                        <asp:DetailsView ID="detDetailsView" runat="server" Height="208px" Width="930px"
                            OnItemCommand="divDetailsView_ItemCommand" AutoGenerateRows="False" DataKeyNames="ref_id"
                            DataSourceID="SqlDataSourceDetails" HorizontalAlign="Center" DefaultMode="Edit"
                            EnableModelValidation="True" BorderStyle="None" GridLines="None" >
                            <Fields>
                                <asp:TemplateField HeaderText="Name: " SortExpression="ref_name">
                                    <EditItemTemplate>
                                        <asp:TextBox ID="ref_name" runat="server" Text='<%# Bind("ref_name") %>'></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfvReferenceName" runat="server" Text="* Reference Name is required"
                                            ControlToValidate="ref_name" Font-Bold="True" BorderStyle="None"></asp:RequiredFieldValidator>
                                    </EditItemTemplate>
                                    <InsertItemTemplate>
                                        <asp:TextBox ID="ref_name" runat="server" Text='<%# Bind("ref_name") %>'></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="rfvReferenceName" runat="server" Text="* Reference Name is required"
                                            ControlToValidate="ref_name" Font-Bold="True" BorderStyle="None"></asp:RequiredFieldValidator>
                                    </InsertItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblReferenceName" runat="server" Text='<%# Bind("ref_name") %>'></asp:Label>
                                    </ItemTemplate>
                                    <ControlStyle BorderStyle="Inset" BorderWidth="1px" Width="250px" />
                                    <HeaderStyle Font-Bold="True" HorizontalAlign="Right" BorderWidth="5px" BorderColor="White"
                                        VerticalAlign="Top" />
                                    <ItemStyle HorizontalAlign="Left" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Section: " SortExpression="sec_id">
                                    <EditItemTemplate>
                                        <asp:DropDownList ID="lstSection" runat="server" DataSourceID="SqlDataSourceSections"
                                            DataTextField="sec_name" DataValueField="sec_id" SelectedValue='<%# Bind("sec_id") %>'
                                            Width="175px">
                                        </asp:DropDownList>
                                    </EditItemTemplate>
                                    <InsertItemTemplate>
                                        <asp:DropDownList ID="lstSection" runat="server" DataSourceID="SqlDataSourceSections"
                                            DataTextField="sec_name" DataValueField="sec_id" SelectedValue='<%# Bind("sec_id") %>'
                                            Width="175px">
                                        </asp:DropDownList>
                                    </InsertItemTemplate>
                                    <ItemTemplate>
                                        <asp:Label ID="lblSection" runat="server" Text='<%# Bind("sec_name") %>'></asp:Label>
                                    </ItemTemplate>
                                    <ControlStyle BorderStyle="Inset" BorderWidth="1px" Width="250px" />
                                    <HeaderStyle Font-Bold="True" HorizontalAlign="Right" BorderWidth="5px" BorderColor="White"
                                        VerticalAlign="Top" />
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Description: " SortExpression="ref_descript">
                                    <ItemTemplate>
                                        <telerik:RadEditor ID="RadEditor1" runat="server" Content='<%# Bind("ref_descript") %>'
                                            Width="500px" ToolbarMode="Default" ToolsFile="~/Admin/RefToolbar.xml" BackColor="White">
                                            <CssFiles>
                                                <telerik:EditorCssFile Value="~/EditorContentArea.css" />
                                            </CssFiles>
                                            <MediaManager UploadPaths="~/Images" ViewPaths="~/Images" MaxUploadFileSize="2147483647" />
                                            <DocumentManager UploadPaths="~/Documents" ViewPaths="~/Documents" MaxUploadFileSize="2147483647" />
                                            <ImageManager UploadPaths="~/Images" ViewPaths="~/Images" MaxUploadFileSize="2147483647" />
                                            <FlashManager UploadPaths="~/Flash" ViewPaths="~/Flash" MaxUploadFileSize="2147483647" />
                                        </telerik:RadEditor>
                                    </ItemTemplate>
                                    <ControlStyle BorderStyle="Inset" BorderWidth="1px" Width="500px" />
                                    <HeaderStyle Font-Bold="True" HorizontalAlign="Right" BorderWidth="5px" BorderColor="White"
                                        VerticalAlign="Top" />
                                    <ItemStyle HorizontalAlign="Left" />
                                </asp:TemplateField>

Any idea how/what I can do to resolve this ??

Thanks !

Bruce

Editor

answered on 20 Dec 2011

1 answer

61 views

combo box load on demand show nearby results

How do I show the nearby results when typing a search?

If I have a list of 1, 2, 3, 4, 5 in that order in the combo box. If I type 3 in the box it only shows me 3 as an option, but I would like it to select 3 and but show 1, 2 above it and 4, 5 below it. This will help me because my list is about 1000 items long. After I select the item and the page posts back showin my results the item selected is showing in the list, but I need to click there and change to different item in the drop down. Right now I have to delete what is in the list by selecting and delete and then it shows all the items. I would like to just be able to drop down and scroll to the next item.

ComboBox

answered on 20 Dec 2011

0 answers

99 views

Load user controls

Hi! I have an aspx page with a RadPanel and I want to load different user controls in placeholder. I load them in RadPanelBar1_ItemClick event. But when I click RadPanelBar events in this controls don't fire for the first time. The second time all works fine.

How can I solve this problem?

John

General Discussions

asked on 20 Dec 2011

3 answers

69 views

User Control implementing IScriptControl with several Rad controls

I have a user control that I've implemented IScriptControl on to allow the addition of a client side api to the control. The user control contains a few RadComboBoxes. Everything is almost working, however, during the initial page load my client side dispose method is called, which in-turn causes a client side error in the RadScriptManager client side code in CreateCallback with error a is undefined.

We have a master page that is being used, which contains the RadScriptManager.

I'm sure I'm just missing something, but any help you can provided would be greatly appreciated.

General Discussions

answered on 20 Dec 2011