Questions on UI for ASP.NET AJAX Forum

2 answers

141 views

default selected value other than the first

hello all i have some comboboxes in my projects that are all binded to tables from the database but by default it always gets the first item selected ..now how can i add an item that appears by default but not selectable lets say it says please select something but i cannot select "please select something"..thanks in advance guys

ComboBox

answered on 01 Jun 2009

6 answers

123 views

[Solved] RadEditor Loads Messed Up

Hello,

We are using the RadTabs. On each tab is a panel of information. Once a user make a selection for each tab, and clicks next, it loads another panel with the RadEditor onto each tab.

Here is the code for the tabs:
**Code Removed

The problem is, it loads the radeditor OK something and all messed up other times.

It has a bunch of dots and what not. See picture:

**Link Removed

What is causing this?

FYI it only seems to happen in IE 7+, Firefox loads it fine...

Editor

answered on 01 Jun 2009

2 answers

224 views

Sys.ArgumentNullException using RadGrid and RadAjaxPanel with FireFox

Hi all, I get the following error only with Firefox (IE works fine) when I use RadAjaxPanel with the RadGrid inside and RadWindow to edit. It only works for the first time after that I get this error and nothing happens.

Error: [Exception... "'Sys.ArgumentNullException: Sys.ArgumentNullException: Value cannot be null.
Parameter name: handler' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "<unknown>" data: no]

Here is a sample of what I am doing. I am using a MasterPage so this code is in asp:Content...

    
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                    <script type="text/javascript"> 
        
                        function Insert() 
        
                        { 
        
                            window.radopen("Form.aspx", null); 
        
                            return false; 
        
                        } 
        
                        function Update() 
        
                        { 
        
                            window.radopen("Form.aspx", null); 
        
                        } 
        
                        function RefreshGrid(arg) 
        
                        { 
        
                            $find("<%= RadAjaxPanel1.ClientID %>").ajaxRequest(arg); 
        
                        } 
        
                    </script> 
        
                </telerik:RadCodeBlock> 
        
                <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" OnAjaxRequest="RadAjaxPanel1_AjaxRequest"> 
        
                    <telerik:RadGrid ID="RadGrid1" EnableAJAX="false" runat="server" 
        
                    OnItemCommand="RadGrid1_ItemCommand"> 
        
                        <MasterTableView> 
        
                            <CommandItemTemplate> 
        
                                <asp:LinkButton ID="insertButton" OnClientClick="return Insert();" runat="server">Insert</asp:LinkButton> 
        
                            </CommandItemTemplate> 
        
                            <Columns> 
        
                                <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="Edit.gif" CommandName="InitUpdate" /> 
        
                                <telerik:GridBoundColumn DataField="Name" HeaderText="Name" /> 
        
                                <telerik:GridDropDownColumn DataSourceID="listDataSource" ListValueField="Id" ListTextField="Name" DataField="List" HeaderText="List" /> 
        
                            </Columns> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid> 
        
                </telerik:RadAjaxPanel> 
        
                //code behind 
        
                protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e) 
        
                { 
        
                    switch (e.CommandName) 
        
                    { 
        
                        case "InitUpdate": 
        
                            ScriptManager.RegisterStartupScript(this, Page.GetType(), "callback", "Update();", true); 
        
                            break; 
        
                    } 
        
                }

Any help would be greatly appreciated!

Thanks in advance!

Eric

Ajax

answered on 01 Jun 2009

1 answer

94 views

hideGroupPanel

Is there possibility to hide Group Panel?

<script type="text/javascript">
function GridCreated()
{
$find('<%=RadGrid1.ClientID %>').get_masterTableView().hideGroupPanel();
}
</script>

Grid

answered on 01 Jun 2009

5 answers

103 views

Option to style the fonts (i.e. bold, italic)

Looking good - how about an option to style the fonts (i.e. bold, italic)?

Nick H

Visual Style Builder

answered on 01 Jun 2009

3 answers

182 views

Y Axis Formatting

I am creating a Line chart from vb and need to manage the formatting of the Y Axis values. For example, data value is 11,000,000 so I want the Y Axis to display 11 and I will set the AxisLabel.Textblock.Text = "Revenue (Millions)".

I was able to do this with a single series by having two columns in my dataset, one for the real value and one for the display. Then plotting the display and setting the tooltip to show the real value (as not to clutter the chart). However, now I have multiple series (4-8) and this trick no longer works, the value is always assigned to the last column of data regardless of setting the .DataYColumn.

Any suggestions would be helpful.
Rob

Chart (Obsolete)

answered on 01 Jun 2009

0 answers

82 views

Tip if you're using html,body,form overflow:hidden

If you're using overflow:hidden in the html, body and form elements when designing you page, be careful because these might affect your RadWindow. RadWindows uses an IFRAME to display page-content and hence another set of html, body and form-tags. In our case we had overflow:hidden for design purposes which carried over causing scollbars to not show in the RadWindows. We solved this by placing the overflow-part in the masterpage itself and not the theme.

Just a tip :)

Window

asked on 01 Jun 2009

1 answer

130 views

Rad tab with Skin

hi
In My application i have used the Rad tab Control. Herewith i have used the Web20 skin(which is blue). But i want to need the Green color rad trib. how can i Customize the Rad trib or Overwrite the Css File . The same problem for Rad Drop Down Control.. Let me know how can i solved this problem...

Regards
G. Manikandan

TabStrip

answered on 01 Jun 2009

1 answer

139 views

Localization JavaScript object on custom dialogs.

I am creating custom dialogs using Telerik.Web.UI. DialogDefinition.

In the code behind

    
            String virtualPath  ==  customdialog.ascx  
        
            DialogDefinition cb3ModalDialog = new DialogDefinition(virtualPath, new DialogParameters());  
        
                        cb3ModalDialog.Modal = true;  
        
                        cb3ModalDialog.VisibleTitlebar = true;  
        
                        cb3ModalDialog.VisibleStatusbar = true;  
        
                        cb3ModalDialog.Width = Unit.Pixel(width);  
        
                        cb3ModalDialog.Height = Unit.Pixel(height);  
        
                        cb3ModalDialog.VisibleStatusbar = false;  
        
                        cb3ModalDialog.Title = dialogTitle;  
        
                        this.RadEditorControl.DialogOpener.DialogDefinitions.Add(“CB3ImageManager”, cb3ModalDialog);

And in javascript

    
            var dialogOpener = editor.get_dialogOpener();  
        
            dialogOpener.open('CB3ImageManager', args);

Localization JavaScript object on custom dialogs.

I am creating custom dialogs using Telerik.Web.UI. DialogDefinition.

In the code behind

String virtualPath == customdialog.ascx

DialogDefinition cb3ModalDialog = new DialogDefinition(virtualPath, new DialogParameters());

cb3ModalDialog.Modal = true;

cb3ModalDialog.VisibleTitlebar = true;

cb3ModalDialog.VisibleStatusbar = true;

cb3ModalDialog.Width = Unit.Pixel(width);

cb3ModalDialog.Height = Unit.Pixel(height);

cb3ModalDialog.VisibleStatusbar = false;

cb3ModalDialog.Title = dialogTitle;

this.RadEditorControl.DialogOpener.DialogDefinitions.Add(“CB3ImageManager”, cb3ModalDialog);

And in javascript

var dialogOpener = editor.get_dialogOpener();

dialogOpener.open('CB3ImageManager', args);

Now the questions are

1. Is this is proper way to create custom dialogs? Mainly these dialogs loads faster that the way shown here http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultcs.aspx

2. How to make localization JavaScript object available on this ascx dialog so that I can design multilingual custom dialog correctly. In my case if write document.write(localization["Flip"]); it gives error.

3. How can I make server controls like RAD Tab strips localized for custom dialogs?

4. What is the syntax/proper method of adding new localization strings to .resx files.

Editor

answered on 01 Jun 2009

1 answer

83 views

RadChart. FillType="Image" fading.

I've set FillType = "Image" for the series. When the chart displays it does stretch the images but for some reason it adds fading/gradient at the end of each series. (See the screenshot here ). Is there a way to avoid such behavior?

ASPX:

    
            <telerik:RadChart ID="chartPercent" runat="server" DefaultType="StackedBar100"   
        
                                SeriesOrientation="Horizontal" Width="355px" Height="30px">  
        
                                <Series> 
        
                            <telerik:ChartSeries Name="Series 1" Type="StackedBar100">  
        
                            <Appearance BarWidthPercent="100">  
        
                                <FillStyle FillType="Image" > 
        
                                    <FillSettings BackgroundImage="C:\Inetpub\wwwroot\emiApplicationForecast\images\bar_red.gif"></FillSettings> 
        
                                </FillStyle> 
        
                                <LabelAppearance Visible="False">  
        
                                </LabelAppearance> 
        
                                <Border Color="185, 185, 185" /> 
        
                            </Appearance> 
        
                                    </telerik:ChartSeries> 
        
                        <telerik:ChartSeries Name="Series 2" Type="StackedBar100">  
        
                            <Appearance BarWidthPercent="100">  
        
                                <FillStyle FillType="Image">  
        
                                    <FillSettings BackgroundImage="C:\Inetpub\wwwroot\emiApplicationForecast\images\bar_gray.gif">  
        
                                    </FillSettings> 
        
                                </FillStyle> 
        
                                <LabelAppearance Visible="False">  
        
                                </LabelAppearance> 
        
                                <Border Color="185, 185, 185" /> 
        
                            </Appearance> 
        
                                    </telerik:ChartSeries> 
        
                        </Series> 
        
                                <PlotArea> 
        
                                    <XAxis Visible="False">  
        
                                        <Appearance MajorTick-Visible="False">  
        
                                            <LabelAppearance Visible="False">  
        
                                            </LabelAppearance> 
        
                                        </Appearance> 
        
                                        <AxisLabel> 
        
                                            <Appearance Position-AlignedPosition="Top" RotationAngle="270">  
        
                                            </Appearance> 
        
                                        </AxisLabel> 
        
                                    </XAxis> 
        
                                    <YAxis Visible="False">  
        
                                        <Appearance MajorTick-Visible="False" MinorTick-Visible="False">  
        
                                            <LabelAppearance Visible="False">  
        
                                            </LabelAppearance> 
        
                                        </Appearance> 
        
                                        <AxisLabel> 
        
                                            <Appearance RotationAngle="0">  
        
                                            </Appearance> 
        
                                        </AxisLabel> 
        
                                    </YAxis> 
        
                                    <YAxis2 Visible="False">  
        
                                        <Appearance MajorTick-Visible="False" MinorTick-Visible="False">  
        
                                            <LabelAppearance Visible="False">  
        
                                            </LabelAppearance> 
        
                                        </Appearance> 
        
                                        <AxisLabel> 
        
                                            <Appearance RotationAngle="0">  
        
                                            </Appearance> 
        
                                        </AxisLabel> 
        
                                    </YAxis2> 
        
                                    <Appearance Dimensions-Margins="0px, 0px, 0px, 0px">  
        
                                        <FillStyle FillType="Solid" MainColor="White" SecondColor="White">  
        
                                        </FillStyle> 
        
                                        <Border Color="" Width="0" /> 
        
                                    </Appearance> 
        
                                </PlotArea> 
        
                                <ChartTitle Visible="False">  
        
                                    <Appearance Visible="False">  
        
                                    </Appearance> 
        
                                </ChartTitle> 
        
                                <Legend Visible="False">  
        
                                    <Appearance Visible="False">  
        
                                    </Appearance> 
        
                                </Legend> 
        
                            </telerik:RadChart>

C#

    
                    protected void Page_Load(object sender, EventArgs e)  
        
                    {  
        
                        chartPercent.Series[0].AddItem(80.0);  
        
                        chartPercent.Series[1].AddItem(20.0);  
        
                    }

Chart (Obsolete)

answered on 01 Jun 2009