Questions on UI for ASP.NET AJAX Forum

3 answers

671 views

Hi,

I have a table with a header and 2 columns. In the left column I'm loading a pdftreeview with a lot of entries. This is scrolling neatly inside its column.

In the right column I'm loading the pdfviewer to show pdf files that are clicked in the tree view.

I don't want any scroll bars in the pdfviewer column. I want it to size automatically to its available space in that column.

I have already set the FitToWindow in client side script. But the container where the pdf is loaded in causes the windows to scroll.

Can the height be adjusted so it takes up the available space, without scroll bars?

PdfViewer

answered on 10 Mar 2021

5 answers

165 views

Description Box

I do not want Description box to go away without appearing all the time. How do I do that.
Now I must go with the mouse pointer for it to resurface, or I can put time how long it stays?

ImageGallery

answered on 09 Mar 2021

21 answers

1.6K+ views

How to close RadWindow after save?

Hi All,

I have a link to popup a RadWindow.
This is working fine.

On the popup window, I have 3 radio button (Excel, PDF, CSV) and 2 buttons (Save As, Close).
This is working fine.

When user click on 'Save As' button, system will show a 'Save As' window to user to choose the file name and file location.
System will then export the data to the format they choose.
This is working fine.

When user click on 'Close' button, system will close the popup window.
This is working fine too.

Now, the problem is the popup window didn't close after the data is exported.
I think this is due to the system still need to continue to do the export even I have the close at the end of the function.

Please help.

Parent code.

    
                <telerik:RadWindowManager ID="reportSettingsWindowManager" KeepInScreenBounds="true" 
        
                    runat="server" VisibleStatusbar="false" DestroyOnClose="true" Modal="true" Behaviors="Close,Move">  
        
                    <Windows> 
        
                        <telerik:RadWindow ID="downloadWindow" DestroyOnClose="true" runat="server" Modal="true" 
        
                            VisibleStatusbar="false" Behaviors="Close,Move" /> 
        
                    </Windows> 
        
                </telerik:RadWindowManager> 
        
                <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">  
        
                    <script language="javascript" type="text/javascript">  
        
                        function fnCustomizeDownload(name) {  
        
                            var radWindowMgr = $find("<%= reportSettingsWindowManager.ClientID %>")  
        
                            var wnd = radWindowMgr.open('<asp:Literal ID="ltrlDownloadFormat" runat="server" />', name);  
        
                            wnd.setSize(300, 225);  
        
                            wnd.show();  
        
                            return false;  
        
                        }  
        
                    </script> 
        
                </telerik:RadScriptBlock> 
        
                <div id="content">  
        
                    <ul id="actions">  
        
                        <li id="liDownloadData" runat="server"><a href="#" onclick="fnCustomizeDownload('downloadWindow');return false;">  
        
                            <asp:Literal ID="ltrlDownloadData" runat="server" Text="<%$ Resources:Link, ltrlDownloadData %>" /> 
        
                        </a></li>  
        
                    </ul> 
        
                </div>

Child ASPX Code

    
                <telerik:RadScriptBlock ID="scriptBlock1" runat="server">  
        
                    <script language="javascript" type="text/javascript">  
        
                        function GetRadWindow()  
        
                        {  
        
                            var oWindow = null;  
        
                            if (window.radWindow) oWindow = window.radWindow;  
        
                            else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;  
        
                            return oWindow;  
        
                        }  
        
                <table style="width: 220px">  
        
                <tr> 
        
                    <td colspan="2" class="style1">  
        
                    <asp:Panel ID="Panel2" runat="server"  GroupingText="<%$ Resources:ltrlDownloadGroupingText %>" 
        
                             Height="99px">  
        
                    <asp:RadioButtonList ID="SelRadioButtonList1" runat="server" Height="55px"   
        
                            Width="211px">                  
        
                            <asp:ListItem Selected="True" Text="<%$ Resources:ltrlDownloadExcel %>"></asp:ListItem> 
        
                            <asp:ListItem Text="<%$ Resources:ltrlDownloadPDF %>"></asp:ListItem> 
        
                            <asp:ListItem Text="<%$ Resources:ltrlDownloadCSV %>"></asp:ListItem> 
        
                    </asp:RadioButtonList> 
        
                    </asp:Panel> 
        
                    </td> 
        
                </tr> 
        
                <tr> 
        
                    <td> 
        
                        <asp:Button ID="btnSaveAs" runat="server" Text="<%$ Resources:Button, btnSaveAs %>" OnClick="btnSaveAs_Click" /> 
        
                    </td> 
        
                    <td> 
        
                        <asp:Button ID="btnClose" runat="server" Text="<%$ Resources:Button, btnClose %>" OnClick="btnClose_Click" /> 
        
                    </td> 
        
                </tr> 
        
                </table>    
        
                        function Close()  
        
                        {  
        
                            var arg = new Object();  
        
                            var oWnd = GetRadWindow();  
        
                            oWnd.close(arg);  
        
                        }  
        
                    </script> 
        
                </telerik:RadScriptBlock>

Child C# Code

    
                    protected void btnSaveAs_Click(object sender, EventArgs e)  
        
                    {  
        
                        Logger.LogInformation("Start", "btnSaveAs_Click", "DownloadFormat");  
        
                        DownloadData();  
        
                        lblCloseWindow.Text = GetRadWindowCloseScript();  
        
                        Logger.LogInformation("End", "btnSaveAs_Click", "DownloadFormat");  
        
                    }  
        
                    protected void btnClose_Click(object sender, EventArgs e)  
        
                    {  
        
                        Logger.LogInformation("Start", "btnClose_Click", "DownloadFormat");  
        
                        lblCloseWindow.Text = GetRadWindowCloseScript();  
        
                        Logger.LogInformation("End", "btnClose_Click", "DownloadFormat");  
        
                    }  
        
                    private void DownloadData()  
        
                    {  
        
                        Logger.LogInformation("Start", "DownloadData", "DownloadFormat");  
        
                        //CSV  
        
                        if (SelRadioButtonList1.SelectedItem.Text == SelRadioButtonList1.Items[2].Text)  
        
                        {  
        
                            this.SetCSVDelimiter();  
        
                            this.radGrid.MasterTableView.ExportToCSV();  
        
                        }  
        
                        //Excel  
        
                        else if (SelRadioButtonList1.SelectedItem.Text == SelRadioButtonList1.Items[0].Text)  
        
                        {  
        
                            this.radGrid.MasterTableView.ExportToExcel();  
        
                        }  
        
                        //PDF  
        
                        else if (SelRadioButtonList1.SelectedItem.Text == SelRadioButtonList1.Items[1].Text)  
        
                        {  
        
                        }  
        
                        Logger.LogInformation("End", "DownloadData", "DownloadFormat");  
        
                    }  
        
                    public static string GetRadWindowCloseScript()  
        
                    {  
        
                        return @" 
        
                        <script type='text/javascript'> 
        
                            var oWindow = null;  
        
                            if (window.radWindow)  
        
                                oWindow = window.radWindow;  
        
                            else if(window.frameElement.radWindow)  
        
                                oWindow = window.frameElement.radWindow;  
        
                            var currentWindow = oWindow;  
        
                            currentWindow.Close(); 
        
                        </script>";  
        
                    }

Window

answered on 09 Mar 2021

7 answers

189 views

mimic commanditem in commanditemtemplate

I generally use the standard commanditem. However, when I use the commanditemtemplate I'd like it to look like the standard skinned commanditem (buttons, links, etc.).

How do I best go about this?

Grid

answered on 09 Mar 2021

1 answer

127 views

How to apply Glow skin ONLY in RadListView?

Hi,

In the code below I would like to know how can I apply the skin "Glow" but ONLY in the RadListView1 (and obviously everything within it).

I am not managing how to do that. Any idea?

This is my ASPX code:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="iPMP.aspx.vb" Inherits="custom_scripts_iPMP_iPMP" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Telerik ASP.NET Example</title>
<link rel="stylesheet" href="ipmpstyle.css?26" class="Telerik_stylesheet" />
<link rel="stylesheet" href="ListView.css" class="Telerik_stylesheet" />
<link rel="stylesheet" href="ListViewExtra.css" class="Telerik_stylesheet" />

<style type="text/css">
.RadAutoCompleteBox_Default .racTokenList
{
border-radius: 5px;
border-color: dimgrey;
}
</style>
<style type="text/css">
[style*="--aspect-ratio"] > :first-child {
width: 100%;
}
[style*="--aspect-ratio"] > img {
height: 100%;
}
@supports (--custom:property) {
[style*="--aspect-ratio"] {
position: relative;
}
[style*="--aspect-ratio"]::before {
content: "";
display: block;
padding-bottom: calc(100% / (var(--aspect-ratio)));
}
[style*="--aspect-ratio"] > :first-child {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
}
</style>

</head>

<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>

<script type="text/javascript">

function requesting(sender, eventArgs) {

var acbox = $find('<%= RadAutoCompleteBox1.ClientID %>');
var acboxcontents = acbox.get_inputElement();
typed = acboxcontents.value;
}

</script>

<form id="form1" runat="server" style="border-radius:15px; background:rgba(146,167,160,.5); border-style:solid; border-width:1px; border-color:white; padding:20px;height:120px;">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadAjaxManager ID="ajaxmanager1" runat="server" EnableAJAX="true">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAutoCompleteBox1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadAutoCompleteBox1" LoadingPanelID="radloadingpanel1" />
<telerik:AjaxUpdatedControl ControlID="divLoading" LoadingPanelID="radloadingpanel1" />
<telerik:AjaxUpdatedControl ControlID="lblNoOEMParts" LoadingPanelID="radloadingpanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="radloadingpanel1" runat="server" AnimationDuration="0" InitialDelayTime="1000"></telerik:RadAjaxLoadingPanel>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" />
<telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecoratedControls="All" DecorationZoneID="demo-container" EnableRoundedCorners="false" />
<telerik:RadAjaxPanel ID="rap1" runat="server" EnableAJAX="true">
<div style="font-family:'robotoregular';font-style:italic;color:#ffffff;margin-bottom:7px;">Type in year, model and part name (eg. 2010 Accord Alternator)</div>

<telerik:RadAutoCompleteBox RenderMode="Lightweight" runat="server" ID="RadAutoCompleteBox1" ClientID="RadAutoCompleteBox1"
autopostback="true"
InputType="Token" Width="100%" Visible="true"
AllowCustomEntry = "false"
DropDownWidth="300px"
onclientrequesting="requesting"
Filter="StartsWith"
>

<WebServiceSettings Path="iPMP.asmx" Method="GetItems" />

</telerik:RadAutoCompleteBox>

<div ID="divLoading" style="width:20px;position:relative;visibility:hidden;display:none;text-align:right;margin-top:-32px;float:right;margin-right:15px;z-index:1000" runat="server" autopostbcak="true"><img alt="" src="loading.gif" /></div>

<br />
<asp:label id="lblNoOEMParts" ClientID="lblNoOEMParts" runat="server" visible="false" style="margin-top:-50px;position:absolute;">No OEM parts available found!</asp:label>

<asp:Panel ID="pnlListView" runat="server" Visible="false" style="margin-top:-100px">
<div class="demo-container size-wide" id="demo-container">
<table>
<tr>
<td>
<telerik:RadListView ID="RadListView1" runat="server" RenderMode="Lightweight"
ItemPlaceholderID="CustomersContainer" AllowPaging="true" OnPageIndexChanged="RadListView1_PageIndexChanged">
<LayoutTemplate>
<legend>Alternate Parts</legend>
<table>
<tr>
<td>
<telerik:RadDataPager RenderMode="Lightweight" ID="RadDataPager1" runat="server" PagedControlID="RadListView1"
PageSize="2" CssClass="pagerStyle">
<Fields>
<telerik:RadDataPagerButtonField FieldType="FirstPrev"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="Numeric" PageButtonCount="4"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerButtonField FieldType="NextLast"></telerik:RadDataPagerButtonField>
<telerik:RadDataPagerPageSizeField PageSizeComboWidth="60" PageSizeText="Page size: "></telerik:RadDataPagerPageSizeField>
<telerik:RadDataPagerGoToPageField CurrentPageText="Page: " TotalPageText="of" SubmitButtonText="Go"
></telerik:RadDataPagerGoToPageField>
</Fields>
</telerik:RadDataPager>
</td>
</tr>
</table>
<fieldset id="FiledSet1" class="mainFieldset">
<div class="RadListView RadListView_<%# Container.Skin %>">
<asp:PlaceHolder ID="CustomersContainer" runat="server"></asp:PlaceHolder>
</div>
<div class="clearFix">
</div>
</fieldset>
</LayoutTemplate>
<ItemTemplate>
<fieldset class="fieldset itemFieldset">
<legend>Part: <%#Eval("Description")%></legend>
<table class="dataTable">
<tr class="rlvI">
<td>
<table class="itemTable">
<tr>
<td>
<table class="innerItemTable">
<tr>
<td>
Stock: <%#Eval("StockTicketNumber")%>
</td>
</tr>
<tr>
<td>
Mileage: <%#Eval("Mileage")%>
</td>
</tr>
<tr>
<td>
Cond.: <%#Eval("ConditionsAndOptions")%>
</td>
</tr>
<tr>
<td>
Price: $<%# Eval("RetailPrice")%>
</td>
</tr>
</table>
</td>
<td>
<img src=<%#Eval("PartPic")%> style="height:90px;" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</fieldset>
</ItemTemplate>
</telerik:RadListView>
</td>
</tr>
</table>
</div>
</asp:Panel>
</telerik:RadAjaxPanel>
</form>
</body>
</html>

Any idea on how do that?

Thanks!

ListView

answered on 08 Mar 2021

3 answers

150 views

Style error when merging cells in RadGrid

Telerik UI for ASP.NET AJAX component has been used to create a business system. I think there is a merge error in the grid control. Also, please tell us how to apply the same when changing the skin. Please refer to the picture and source code. Version: 2019.2.514.40

- Source Code

protected void RadGrid1_PreRender(object sender, EventArgs e)
{
for (int rowIndex = RadGrid1.Items.Count - 2; rowIndex >= 0; rowIndex--)
{
if (RadGrid1.Items[rowIndex][RadGrid1.Columns[0]].Text == RadGrid1.Items[rowIndex + 1][RadGrid1.Columns[0]].Text)
{
RadGrid1.Items[rowIndex][RadGrid1.Columns[0]].RowSpan = RadGrid1.Items[rowIndex + 1][RadGrid1.Columns[0]].RowSpan < 2 ? 2 : RadGrid1.Items[rowIndex + 1][RadGrid1.Columns[0]].RowSpan + 1;
RadGrid1.Items[rowIndex + 1][RadGrid1.Columns[0]].Visible = false;

//RadGrid1.Items[rowIndex + 1][RadGrid1.Columns[1]].Style.Add("border-left", "solid 1px #d4d4d4");
//==> It appears well on the Office 2007 skin, but it has a border line on the glow skin.

RadGrid1.Items[rowIndex + 1][RadGrid1.Columns[1]].Style.Add("border-left", "solid 1px");
//==> Office2007 Skin has a line, but the color does not match, and Glow skin has a border line.
}
}
}

Grid

answered on 05 Mar 2021

2 answers

109 views

RadTreeView Bullet Image

Is there a way to change the arrow shape for a RadTreeView node?

TreeView

answered on 05 Mar 2021

14 answers

162 views

Number List Arabic Support

Hi,

Does editor number list control has arabic language support?

I attached a picture about which control i am asking about.

Thanks and have a nice forums.

Editor

answered on 04 Mar 2021

11 answers

925 views

Invalid length for a Base-64 char array or string

Greetings,

I am receiving the error "Invalid length for a Base-64 char array or string" with an application I am trying to deploy to Windows Server 2012 running IIS 8. All is well with the application in development and on servers running IIS 7.

The IE debugger screen shot attached indicates that it is coming from a Telerik WebResource. The page makes use of the following Rad markup and the button resides inside a standard UpdatePanel (nothing fancy). We are not using RadCompression, and the error occurs regardless of the OutputCompression setting.

I was hoping you might see something that could point me in the right direction?

    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnableCdn="false" CdnSettings-TelerikCdn="Disabled"

        OutputCompression="Disabled" EnablePartialRendering="true" EnableScriptCombine="true" EnableEmbeddedjQuery="false"

        ScriptMode="Release" AjaxFrameworkMode="Enabled">

        <CompositeScript ScriptMode="Release" />

    </telerik:RadScriptManager>

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" EnableStyleSheetCombine="true" CdnSettings-TelerikCdn="Disabled" OutputCompression="Disabled"></telerik:RadStyleSheetManager>

                <asp:UpdatePanel ID="UpdatePanel1" runat="server">

                    <ContentTemplate>

                        <asp:Panel ID="pnlCitySelection" runat="server" Visible="true">

                            <div id='city-selection' style="width: 300px; height: 280px; background-color: White;">

                                <h3 style="font-size: 2em; padding: 20px 0px 0px 30px">

                                    Where can we serve you?</h3>

                                <div id="padding-left" style="padding-left: 10px">

                                    <br />

                                    <asp:DropDownList ID="ddlState" runat="server" class="book-form-input" AutoPostBack="true">

                                    </asp:DropDownList>

                                    <br />

                                    <br />

                                    <asp:DropDownList ID="ddlCity" runat="server" class="book-form-input">

                                    </asp:DropDownList>

                                    <asp:Button Width="90" Font-Size="1.2em" Font-Bold="true" CssClass="small-form-table-button-index"

                                        BackColor="Black" ForeColor="White" ID="btnSelectCity" runat="server" Text="SELECT CITY"

                                        OnClick="btnSelectCity_Click" CausesValidation="false" AutoPostBack="true" /><br />

                                    <br />

                                    <table border="0" style="color: Black; font-size: 10px; font-weight: normal; font-family: arial,sans-serif;

                                        float: left;">

                                        <tr>

                                            <td align="center">

                                                Need transportation outside the U.S.?   

                                            </td>

                                            <td align="center">

                                                <asp:LinkButton ID="btnOutsideUS" Font-Underline="true" runat="server">Click Here</asp:LinkButton>

                                                  <br />

                                            </td>

                                        </tr>

                                    </table>

                                </div>

                            </div>

                        </asp:Panel>

                    </ContentTemplate>

                </asp:UpdatePanel>

Ajax

answered on 04 Mar 2021

3 answers

92 views

Can I adjust the positioning of the spinning icon?

It seems to be a bit 'picky' from the design perspective but here we go.

It's about the spinning icon that show up in the far right when the control is waiting for DB. I would like to adjust its position by moving it a few pixels to the left. Is this possible? There is a CSS attribute for this? If yes, which one?

Thanks!

AutoCompleteBox

answered on 04 Mar 2021