Questions on UI for ASP.NET AJAX Forum

5 answers

382 views

[Solved] Client-side events not firing?

Hi there,
I have the following code in the front-end of an .aspx page, running the Q1 2012 version of the RadControls:

<script type="text/javascript">

function doTweet(sender, args) {

alert("hey! " + args.get_url());

}

</script>

[...]

<telerik:RadSocialShare ID="RadSocialShare1" OnTweet="doTweet" runat="server">

</telerik:RadSocialShare>

And the following in the codebehind, which adds a number of Standard buttons with unique URLs dynamically at page load time:

RadSocialShare1.MainButtons.Clear();

RadSocialShare1.CompactButtons.Clear();

[...]

RadTwitterButton rsbTW = new RadTwitterButton();

rsbTW.TitleToShare = strTitleToShare;

rsbTW.UrlToShare = strUrlTW; //BitlyApi.ShortenUrl(

RadSocialShare1.MainButtons.Add(rsbTW);

The problem is, the doTweet function never fires, no matter how much or how I click on the Standard tweet button. I notice the same problem seems to happen on the Client-side API demo (http://demos.telerik.com/aspnet-ajax/socialshare/examples/clientsideevents/defaultcs.aspx); the events for the styled buttons are logged, but not the events for the standard buttons. The same happens on Firefox and IE. Can anyone else confirm this? Is this a bug with the current version?

SocialShare

answered on 20 Apr 2012

2 answers

155 views

Problem Adding RadEditor Dynamically

Hey!

I'm having trouble adding RadEditor to the page Dynamically

This is my code:
                            // RadEditor for HTML Editor
                            RadEditor editor = new RadEditor();
                            editor.Enabled = true;
                            editor.ToolbarMode = EditorToolbarMode.Default;
                            editor.EnableAjaxSkinRendering = true;
                            editor.Skin = "Office2010Blue";
                            editor.ContentAreaMode = EditorContentAreaMode.Div;
                            editor.RegisterWithScriptManager = true;
                            objControls.Controls.Add(editor);

Not sure what's wrong. I'm using SharePoint, but I have configured SharePoint according to this guide: http://www.telerik.com/help/aspnet-ajax/moss-deploying-radcontrols.html

Thanks!

Editor

answered on 20 Apr 2012

1 answer

125 views

[Solved] FormatSets Question

Using the new FormatSets gadget - very nice!

One question - can I change the section titles in the drop down?

For example, rather than "Inline Format Sets", I might like it to say "Inline Styles"

Editor

answered on 20 Apr 2012

2 answers

105 views

RadNumericTextBox display issue in IE9

I'm having a display issue when using a RadNumericTextBox in IE9. Displays fine in Firefox. Is this an issue you are aware of? If so, is there a solution or a patch available? Thanks. (see attached image).

Input

answered on 20 Apr 2012

3 answers

120 views

Pane Print data outside of box

Attached is a screen print showing the results of a pane.Print. Consistently I am seeing RadNumericTextBox and RadMaskedTextBox printing the data outside of the outlined box when a pane.print is performed. In the attached, "Payment Amt" is a RadNumericTextBox and "Invoice Number" is a RadTextBox. Seems the Pane.Print works as expected with the RadTextBox but not as expected with the RadNumericTextBox (see how the $1 amount is outside of the box on the print example). I am seeing this for all browsers. Using V2012.1.327.35.

I have followed the Pane.Print documentation example but have failed to find a correction for this issue. Can you provide a solution for this behavior?
Thanks

Splitter

answered on 20 Apr 2012

1 answer

228 views

Change Rating color Black & White

Hi,

I need to change color of rating with black to rate and alternate to white.

Thanks,
Kaushal Jani

Rating

answered on 20 Apr 2012

8 answers

1.2K+ views

How to specify Prometheus RadGrid Column Width?

Hi,

I've tried everything I could dig up in every combination, but the Grid column widths just won't become static. I want to specify exact column size, but as it is, every grid and column shows up a different size depending on the data and it looks very bad.

This is the ASMX(I set the datasource via code):

    
                <telerik:RadGrid ID="rgrdOrders" runat="server" EnableEmbeddedSkins="False" ImagesPath="~\RadControls\Skins\GluckVision\Grid" 
        
                    Skin="GluckVision" AutoGenerateColumns="False" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" Width="100%">  
        
                    <ExportSettings> 
        
                        <Pdf FontType="Subset" PaperSize="Letter" /> 
        
                        <Excel Format="Html" /> 
        
                        <Csv ColumnDelimiter="Comma" RowDelimiter="NewLine" /> 
        
                    </ExportSettings> 
        
                    <PagerStyle FirstPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingFirst.gif" 
        
                        LastPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingLast.gif" NextPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingNext.gif" 
        
                        PrevPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingPrev.gif" /> 
        
                    <MasterTableView CommandItemDisplay="None" CurrentResetPageIndexAction="SetPageIndexToFirst" 
        
                        Dir="LTR" Frame="Border" TableLayout="Auto">  
        
                        <CommandItemSettings AddNewRecordImageUrl="~\RadControls\Skins\GluckVision\Grid\AddRecord.gif" 
        
                            RefreshImageUrl="~\RadControls\Skins\GluckVision\Grid\Refresh.gif" /> 
        
                        <RowIndicatorColumn CurrentFilterFunction="NoFilter" FilterImageUrl="~\RadControls\Skins\GluckVision\Grid\Filter.gif" 
        
                            FilterListOptions="VaryByDataType" SortAscImageUrl="~\RadControls\Skins\GluckVision\Grid\SortAsc.gif" 
        
                            SortDescImageUrl="~\RadControls\Skins\GluckVision\Grid\SortDesc.gif" Visible="False">  
        
                            <HeaderStyle Width="20px" /> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn CollapseImageUrl="~\RadControls\Skins\GluckVision\Grid\SingleMinus.gif" 
        
                            CurrentFilterFunction="NoFilter" ExpandImageUrl="~\RadControls\Skins\GluckVision\Grid\SinglePlus.gif" 
        
                            FilterImageUrl="~\RadControls\Skins\GluckVision\Grid\Filter.gif" FilterListOptions="VaryByDataType" 
        
                            Resizable="False" SortAscImageUrl="~\RadControls\Skins\GluckVision\Grid\SortAsc.gif" 
        
                            SortDescImageUrl="~\RadControls\Skins\GluckVision\Grid\SortDesc.gif" Visible="False">  
        
                            <HeaderStyle Width="20px" /> 
        
                        </ExpandCollapseColumn> 
        
                        <EditFormSettings> 
        
                            <EditColumn CancelImageUrl="~\RadControls\Skins\GluckVision\Grid\Cancel.gif" CurrentFilterFunction="NoFilter" 
        
                                EditImageUrl="~\RadControls\Skins\GluckVision\Grid\Edit.gif" FilterImageUrl="~\RadControls\Skins\GluckVision\Grid\Filter.gif" 
        
                                FilterListOptions="VaryByDataType" InsertImageUrl="~\RadControls\Skins\GluckVision\Grid\Insert.gif" 
        
                                SortAscImageUrl="~\RadControls\Skins\GluckVision\Grid\SortAsc.gif" SortDescImageUrl="~\RadControls\Skins\GluckVision\Grid\SortDesc.gif" 
        
                                UpdateImageUrl="~\RadControls\Skins\GluckVision\Grid\Update.gif">  
        
                            </EditColumn> 
        
                        </EditFormSettings> 
        
                        <PagerStyle FirstPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingFirst.gif" 
        
                            LastPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingLast.gif" NextPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingNext.gif" 
        
                            PrevPageImageUrl="~\RadControls\Skins\GluckVision\Grid\PagingPrev.gif" /> 
        
                        <Columns> 
        
                            <telerik:GridBoundColumn CurrentFilterFunction="NoFilter" DataField="OrderNo" FilterImageUrl="RadControls/Skins/GluckVision/Grid\Filter.gif" 
        
                                FilterListOptions="VaryByDataType" ForceExtractValue="None" HeaderText="Order #" 
        
                                SortAscImageUrl="RadControls/Skins/GluckVision/Grid\SortAsc.gif" SortDescImageUrl="RadControls/Skins/GluckVision/Grid\SortDesc.gif" 
        
                                UniqueName="column">  
        
                                <FooterStyle Width="100px" /> 
        
                                <HeaderStyle Width="100px" /> 
        
                                <ItemStyle Width="100%" /> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn CurrentFilterFunction="NoFilter" DataField="Status" FilterImageUrl="RadControls/Skins/GluckVision/Grid\Filter.gif" 
        
                                FilterListOptions="VaryByDataType" ForceExtractValue="None" HeaderText="Status" 
        
                                SortAscImageUrl="RadControls/Skins/GluckVision/Grid\SortAsc.gif" SortDescImageUrl="RadControls/Skins/GluckVision/Grid\SortDesc.gif" 
        
                                UniqueName="column1">  
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridDateTimeColumn CurrentFilterFunction="NoFilter" DataField="OrderDate" DataFormatString="{0:dd/MM/yy}" 
        
                                FilterImageUrl="RadControls/Skins/GluckVision/Grid\Filter.gif" FilterListOptions="VaryByDataType" 
        
                                ForceExtractValue="None" HeaderText="Order Date" SortAscImageUrl="RadControls/Skins/GluckVision/Grid\SortAsc.gif" 
        
                                SortDescImageUrl="RadControls/Skins/GluckVision/Grid\SortDesc.gif" UniqueName="column2" DataType="System.DateTime">  
        
                            </telerik:GridDateTimeColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                    <FilterMenu NotSelectedImageUrl="~\RadControls\Skins\GluckVision\Grid\NotSelectedMenu.gif" 
        
                        SelectedImageUrl="~\RadControls\Skins\GluckVision\Grid\SelectedMenu.gif"></FilterMenu> 
        
                    <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">  
        
                    </ClientSettings> 
        
                    <HeaderStyle Width="100px" /> 
        
                </telerik:RadGrid>

This grid uses a custom skin and column filters.

Any ideas?

Thanks,
Kia

Grid

answered on 20 Apr 2012

1 answer

115 views

Editor ExporttoPDF does not work in Chrome

I have an exportToPdf function call which I copied from your demo. It's supposed to store the pdf to a byte stream and save it to a file. The code snippets are below:

Aspx

<telerik:RadEditor ID="c_reMessage" runat="server" ContentFilters= "DefaultFilters,PdfExportFilter" Height="345" Width="760">

<ExportSettings OpenInNewWindow="true"></ExportSettings>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="Print"/>

<telerik:EditorTool Name="AjaxSpellCheck"/>

<telerik:EditorTool Name="FindAndReplace"/>

<telerik:EditorTool Name="SelectAll"/>

<telerik:EditorTool Name="Cut"/>

<telerik:EditorTool Name="Copy"/>

<telerik:EditorTool Name="Paste"/>

<telerik:EditorTool Name="PasteStrip"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Undo"/>

<telerik:EditorTool Name="Redo"

/>

<telerik:EditorTool Name="ImageManager"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="LinkManager"/>

<telerik:EditorTool Name="Unlink"/>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="ForeColor"/>

<telerik:EditorTool Name="BackColor"/>

<telerik:EditorTool Name="ApplyClass"/>

<telerik:EditorTool Name="FormatStripper"/>

<telerik:EditorTool Name="InsertTable"/>

<telerik:EditorTool Name="InsertFormElement"/>

<telerik:EditorTool Name="ToggleScreenMode"/>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="FormatBlock"/>

<telerik:EditorTool Name="FontName"/>

<telerik:EditorTool Name="RealFontSize"/>

<telerik:EditorTool Name="AbsolutePosition"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Bold"/>

<telerik:EditorTool Name="Italic"/>

<telerik:EditorTool Name="Underline"/>

<telerik:EditorTool Name="StrikeThrough"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="JustifyLeft"/>

<telerik:EditorTool Name="JustifyCenter"/>

<telerik:EditorTool Name="JustifyRight"/>

<telerik:EditorTool Name="JustifyFull"/>

<telerik:EditorTool Name="JustifyNone"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Indent"/>

<telerik:EditorTool Name="Outdent"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="InsertOrderedList"/>

<telerik:EditorTool Name="InsertUnorderedList"/>

<telerik:EditorSeparator />

<telerik:EditorTool Name="ToggleTableBorder"/>

<telerik:EditorTool Name="XhtmlValidator"/>

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

vb.net

Private Sub c_ibtnAuditPlanComplete_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles c_ibtnAuditPlanComplete.Click

c_reMessage.ExportToPdf()

...

Private Sub c_reMessage_ExportContent(ByVal sender As Object, ByVal e As Telerik.Web.UI.EditorExportingArgs) Handles c_reMessage.ExportContent

' this will run when the pdf export method is called

Dim fileData As Byte()

fileData = System.Text.Encoding.Default.GetBytes(e.ExportOutput)

All of this works fine in IE and FireFox, but in Chrome it never gets to the c_reMessage_ExportContent sub. I have tried it with both OpenNewWindow set to true and false. With true, it attempts to open Adobe and fails. With false, it just hangs. Note that I don't actually want the pdf to open in a window, and there is a redirect further down in the ExportContent sub that prevents that, but it never gets there.

Can you tell me what I need to do to get this to work in Chrome?

FYI, sometimes if I call c_reMessage.ExportToPdf() repeatedly in Chrome, it will work, but not always.

Editor

answered on 20 Apr 2012

1 answer

169 views

[Solved] Header text for clientselectcolumn

Setting header text property for clientselectcolumn is not shown in grid. I want to show a text for the column.Please help.

<telerik:GridClientSelectColumn UniqueName="Select" HeaderText="Select All">

</telerik:GridClientSelectColumn>

General Discussions

answered on 20 Apr 2012

1 answer

158 views

RadDateTimePicker rendering issue

Hello,
I'm having a rendering issue with RadDateTimePicker and RadDatePicker controls.
When I set the selected date on server side the control display for a little time a strange value: 2012-04-17-15-19-33. Moreover the input control overlaps the first icon. I have attached a sample picture (raddatetimepicker_before.jpg).
After some milliseconds the control renders fine (raddatetimepicker_after.jpg).

My users complain that the control "flickers" when the page start and infact this behavior is strange.
Is there a way to avoid this behavior?

Thanks.

EDIT
I don't have an update panel in all of my pages and I cannot insert it when there isn't. I have done a simple test and if I wrap the control with an update panel I don't have the issue.

Calendar

answered on 20 Apr 2012