Questions on UI for ASP.NET AJAX Forum

2 answers

337 views

The spacing between labels works just fine when labels are horizontal, but when I rotate x-axis labels by 90 degrees they appear irregularly spaced from each other. It appears the length of text in the label affects the spacing (example) between labels.

Is there a way to make the labels equidistant apart as they are with AutoScale enabled, but still display these ShortDateTimeStrings?

Here's the markup for a chart:

    
            <rad:RadChart ID="Chart1" runat="server" Height="450" Width="850" IntelligentLabelsEnabled="false" AutoLayout="true"> 
        
                            <Legend Visible="false" /> 
        
                            <PlotArea> 
        
                                <Appearance Dimensions-Margins="10,20,90,50" FillStyle-MainColor="White" FillStyle-FillType="Solid" Border-Visible="false" /> 
        
                            </PlotArea> 
        
                            <ChartTitle TextBlock-Text="Active POs by Client" Visible="false" /> 
        
                            <Appearance Dimensions-Height="450" Dimensions-Width="850" FillStyle-MainColor="White" Border-Visible="false" /> 
        
                        </rad:RadChart>

And the function that this chart is passed to:

    
            private void PopulateChart( RadChart chart, string queryName, int clientID ) 
        
                    { 
        
                        Font calibri = new Font( "Calibri", 9 ); 
        
                        ChartSeries series = new ChartSeries( string.Empty, ChartSeriesType.Area ); 
        
                        series.Appearance.TextAppearance.TextProperties.Font = calibri; 
        
                        chart.PlotArea.XAxis.Appearance.TextAppearance.TextProperties.Font = calibri; 
        
                        chart.PlotArea.YAxis.Appearance.TextAppearance.TextProperties.Font = calibri; 
        
                        chart.AddChartSeries( series ); 
        
                        chart.PlotArea.XAxis.Clear( ); 
        
                        chart.PlotArea.XAxis.AutoScale = false; 
        
                        chart.PlotArea.XAxis.LayoutMode = ChartAxisLayoutMode.Normal; 
        
                        chart.PlotArea.XAxis.Appearance.LabelAppearance.RotationAngle = 90; 
        
                        chart.PlotArea.XAxis.Items.Clear( ); 
        
                        chart.Series[0].Items.Clear( ); 
        
                        foreach ( KeyValuePair<DateTime, int> item in GetData( clientID, queryName ) ) 
        
                        { 
        
                            chart.PlotArea.XAxis.AddItem( item.Key.ToShortDateString( ) ); 
        
                            string label = item.Value.ToString( "N0" ); 
        
                            ChartSeriesItem i = new ChartSeriesItem( item.Value, label ); 
        
                            chart.Series[0].AddItem( i ); 
        
                        } 
        
                    }

Chart (Obsolete)

answered on 12 May 2009

2 answers

159 views

[Solved] Split Bar button jumps position on hover

Hello,

I am having an issue with some nested splitters, a tabstrip, and splitbar. Basically, here is my layout:

I have a RadTabStrip connected to a MultiPageView, which is inside of a splitter. Inside that splitter on one of the sub-pages is another splitter. The nested splitter is not visible when the page loads, and when you go to the page (i.e., make it visible by clicking its tab), the splitter resizes to fit its parent pane, but the splitbar in the middle of the nested splitter has a button for collapsing that is all the way at the right of the pane. When you move your mouse over the button, it "jumps" to the middle of the pane. This only happens after initial load, then it's fine after that. I believe this probably has to do with the fact that the splitter is not visible initially, but I don't know how to fix it. Here is my relevant code:

    
            <!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 id="Head1" runat="server"> 
        
                <title></title> 
        
                <link rel="Stylesheet" href="styles/layout.css" type="text/css" /> 
        
                <link rel="Stylesheet" href="styles/branding.css" type="text/css" /> 
        
                <link rel="Stylesheet" href="styles/forms.css" type="text/css" /> 
        
                <link rel="stylesheet" href="styles/RedCurved/TabStrip.RedCurved.css" type="text/css" /> 
        
                <!--[if lte IE 7]> 
        
                    <link rel="Stylesheet" href="styles/ie.css" type="text/css" /> 
        
                <![endif]--> 
        
            </head> 
        
            <body> 
        
            <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                <%-- ... --%> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px"> 
        
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' 
        
                          style="border: 0px;" /> 
        
                </telerik:RadAjaxLoadingPanel> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                <div id="top"> 
        
                    <div id="header"> 
        
                        <asp:Image ID="imgBanner" runat="server" ImageUrl="images/banner_0508.jpg" /> 
        
                    </div> 
        
                     <telerik:RadTabStrip ID="_manageRefTabCtl"  
        
                                      runat="server"  
        
                                      MultiPageID="RadMultiPage1"  
        
                                      SelectedIndex="3"  
        
                                      EnableEmbeddedSkins="false"  
        
                                      Skin="RedCurved"  
        
                                      Width="600" 
        
                                      Style="float: right;"> 
        
                    <Tabs> 
        
                        <telerik:RadTab runat="server" Text="My Work" PageViewID="RadPageView1"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Manage Work" PageViewID="RadPageView2"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="E-mail" PageViewID="RadPageView3"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Search" PageViewID="RadPageView4" Selected="true"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Address Book" PageViewID="RadPageView5"> 
        
                        </telerik:RadTab> 
        
                        <telerik:RadTab runat="server" Text="Reports" PageViewID="RadPageView6"> 
        
                        </telerik:RadTab> 
        
                    </Tabs> 
        
                    </telerik:RadTabStrip> 
        
                    <h1 id="pageHeader">VZ Leads</h1> 
        
                </div> 
        
                    <telerik:RadSplitter ID="_outerSplitter" runat="server" VisibleDuringInit="false" Width="100%" Height="100%" HeightOffset="150" Skin="Office2007"> 
        
                    <telerik:RadPane ID="_leftPane" runat="server" Scrolling="None" MinWidth="400"> 
        
                    <telerik:RadAjaxPanel ID="UpdatePanel1" runat="server">     
        
                                <telerik:RadMultiPage ID="RadMultiPage1" Runat="server"> 
        
                                <telerik:RadPageView ID="RadPageView1" runat="server"> 
        
                                    <uc:MyWork id="_myWorkCtl" runat="server" /> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView  ID="RadPageView2" runat="server"> 
        
                                    <uc:ManageWork ID="_manageWorkCtl" runat="server" /> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView3" runat="server"> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView4" runat="server"> 
        
                                    <uc:SearchReferral ID="_searchReferralCtl" runat="server"></uc:SearchReferral> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView5" runat="server"> 
        
                                </telerik:RadPageView> 
        
                                <telerik:RadPageView ID="RadPageView6" runat="server"> 
        
                                </telerik:RadPageView> 
        
                            </telerik:RadMultiPage> 
        
                         </telerik:RadAjaxPanel> 
        
                    </telerik:RadPane> 
        
                    <%--<telerik:RadSplitBar ID="_splitBar" CollapseMode="Backward" runat="server" />--%> 
        
                    <telerik:RadSplitBar ID="_splitBar" runat="server" /> 
        
                    <telerik:RadPane ID="_rightPane" runat="server" Scrolling="Y" Width="22px" MinWidth="200"> 
        
                        <telerik:RadSlidingZone runat="server" Width="22px" SlideDirection="Left"> 
        
                        <telerik:RadSlidingPane ID="_msgCenterSlidingPane" runat="server" Title="Message Center" Width="250px"> 
        
                        <uc:MessageCenter ID="_messageCenterCtl" runat="server" /> 
        
                        </telerik:RadSlidingPane> 
        
                        </telerik:RadSlidingZone> 
        
                    </telerik:RadPane> 
        
                     </telerik:RadSplitter> 
        
            </form> 
        
            </body> 
        
            </html>

That is the outer splitter. The code for the relevant control, uc:SearchReferral, is this:

    
            <%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
        
            <h2 class="redGrad">Search Referrals</h2>  
        
            <telerik:RadSplitter ID="_searchRefSplitter"  
        
                                 runat="server"  
        
                                 Width="100%"  
        
                                 Height="100%" 
        
                                 HeightOffset="30"  
        
                                 Orientation="Horizontal" 
        
                                 ResizeWithParentPane="false" 
        
                                 Skin="Office2007"> 
        
              <telerik:RadPane ID="_searchFormPane" runat="server" Width="100%" Height="60%"> 
        
                        <div class="form"> 
        
                            <fieldset> 
        
                                <p> 
        
                                Enter search criteria for one or more of the elements below and click on <b>Search</b>. 
        
                                </p>  
        
                                <ol> 
        
                                    <li> 
        
                                        <telerik:RadTextBox ID="RefNumRadTextBox" runat="server"  
        
                                            MaxLength="20"  
        
                                            Label="Referral Number: " 
        
                                            Skin="Office2007" 
        
                                            SelectionOnFocus="SelectAll" 
        
                                            Width="300px"></telerik:RadTextBox> 
        
                                    </li> 
        
                                    <li> 
        
                                         <telerik:RadTextBox ID="CustnameRadTextBox" runat="server"  
        
                                            MaxLength="50"  
        
                                            Label="Customer Name*: " 
        
                                            Skin="Office2007" 
        
                                            SelectionOnFocus="SelectAll" 
        
                                            Width="350px"></telerik:RadTextBox> 
        
                                            &nbsp;<font color="red"><i>*Begins with</i></font> 
        
                                    </li> 
        
                                    <li> 
        
                                        <telerik:RadTextBox ID="CustNumRadTextBox" runat="server"  
        
                                            MaxLength="15"  
        
                                            Label="Customer Number: " 
        
                                            Skin="Office2007" 
        
                                            SelectionOnFocus="SelectAll" 
        
                                            Width="350px"></telerik:RadTextBox> 
        
                                    </li> 
        
                                    <li> 
        
                                         <telerik:RadTextBox ID="PublicIDRadTextBox" runat="server" 
        
                                            Label="Participant Employee ID: " 
        
                                            Skin="Office2007"  
        
                                            SelectionOnFocus="SelectAll" 
        
                                            Width="350px"></telerik:RadTextBox> 
        
                                    </li> 
        
                                    <li> 
        
                                        <telerik:RadTextBox ID="PartLastNmRadTextBox" runat="server"  
        
                                            MaxLength="50"  
        
                                            Label="Participant Last Name: " 
        
                                            Skin="Office2007" 
        
                                            SelectionOnFocus="SelectAll" 
        
                                            Width="350px"></telerik:RadTextBox> 
        
                                            &nbsp;<font color="red"><i>*Begins with</i></font> 
        
                                    </li> 
        
                                    <li> 
        
                                        <telerik:RadTextBox ID="ServiceOrdNumRadTextBox" runat="server"  
        
                                            MaxLength="20"  
        
                                            Label="Service Order Number: " 
        
                                            Skin="Office2007" 
        
                                            SelectionOnFocus="SelectAll" 
        
                                            Width="300px"></telerik:RadTextBox> 
        
                                    </li> 
        
                                    <li> 
        
                                        <telerik:RadToolBar ID="_searchReferralToolBar" runat="server"  
        
                                        Skin="Office2007" OnButtonClick="OnClickSearchToolBar" OnClientButtonClicking="onButtonClicking"> 
        
                                            <Items> 
        
                                                <telerik:RadToolBarButton runat="server" Text="Search" Font-Bold="true" ToolTip="Search Referral" Value="0"> 
        
                                                </telerik:RadToolBarButton> 
        
                                                <telerik:RadToolBarButton runat="server" IsSeparator="True" PostBack="False"  
        
                                                    Text="Seperator"> 
        
                                                </telerik:RadToolBarButton> 
        
                                                <telerik:RadToolBarButton runat="server" Text="Reset" Font-Bold="true" Value="1"> 
        
                                                </telerik:RadToolBarButton> 
        
                                            </Items> 
        
                                        </telerik:RadToolBar> 
        
                                    </li> 
        
                                    <li> 
        
                                        <asp:Label ID="lblMessage" runat="server" Text="" Font-Bold="true" ForeColor="Red"></asp:Label> 
        
                                    </li> 
        
                                </ol> 
        
                            </fieldset>  
        
                            </div> 
        
            </telerik:RadPane>       
        
            <telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Forward" /> 
        
            <telerik:RadPane ID="_searchResultsPane" runat="server" Width="100%" Height="40%"> 
        
                         <h2 class="redGrad">Search Results</h2> 
        
                <telerik:RadGrid ID="_searchResultsRadGrid"  
        
                                runat="server"  
        
                                AutoGenerateColumns="False"  
        
                                GridLines="Both" HorizontalAlign="Left"  
        
                                Skin="Office2007" Height="90%"  
        
                                AllowSorting="True"  
        
                                AllowPaging="true"                                          
        
                                PageSize="10" > 
        
                    <PagerStyle NextPageText="&amp;gt;" PrevPageText="&amp;lt;" Mode="NextPrevAndNumeric"></PagerStyle> 
        
                    <MasterTableView CellSpacing = "-1"  
        
                                    AutoGenerateColumns="False"  
        
                                    EnableNoRecordsTemplate="true"  
        
                                    CommandItemDisplay="None" > 
        
                        <Columns> 
        
                            <telerik:GridHyperLinkColumn  
        
                                HeaderText="RefNum"  
        
                                DataTextField="RefNum"       
        
                                UniqueName="RefNum"     
        
                                DataNavigateUrlFormatString="~\ManageReferrals.aspx?RefNum={0}"     
        
                                DataNavigateUrlFields="RefNum"     
        
                                Target="_target" SortExpression="RefNum">  
        
                                 <HeaderStyle Width="10%" Wrap="false" />    
        
                            </telerik:GridHyperLinkColumn>   
        
                            <telerik:GridBoundColumn HeaderText="Date" UniqueName="OpenDt"   
        
                                DataField="OpenDt" DataFormatString="{0:MM/dd/yyyy}"> 
        
                                <HeaderStyle Width="10%" Wrap="false" /> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn HeaderText="Customer Name" UniqueName="CustNm" 
        
                                 DataField="CustNm"> 
        
                                 <HeaderStyle Width="20%" /> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn HeaderText="Customer Phone" UniqueName="CustPhone" 
        
                                 DataField="CustPhone"> 
        
                                 <HeaderStyle Width="15%" /> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn HeaderText="Participant Last Name" UniqueName="ParticipantLastName" 
        
                                 DataField="ReferralPerson.Srch_LastNm"> 
        
                                 <HeaderStyle Width="20%" /> 
        
                            </telerik:GridBoundColumn> 
        
                            <telerik:GridBoundColumn HeaderText="Status" UniqueName="Status" 
        
                                 DataField="Status"> 
        
                                 <HeaderStyle Width="15%" /> 
        
                            </telerik:GridBoundColumn> 
        
                        </Columns> 
        
                        <NoRecordsTemplate>No records to display.</NoRecordsTemplate> 
        
                    </MasterTableView> 
        
                    <ClientSettings> 
        
                        <DataBinding FilterParameterType="String"></DataBinding> 
        
                        <Scrolling AllowScroll="True" ScrollHeight="200px" UseStaticHeaders="True" /> 
        
                        <Resizing AllowColumnResize="True" ClipCellContentOnResize="True" ResizeGridOnColumnResize="False" /> 
        
                    </ClientSettings> 
        
                </telerik:RadGrid>  
        
                </telerik:RadPane>  
        
            </telerik:RadSplitter>

Here are some screenshots:

Initial page load
After mousing over the button

Splitter

answered on 12 May 2009

8 answers

267 views

Radspell: referencing textboxes in formview

Hi,

I have three formviews with multiple textboxes in a page. I am having problem referencing the textboxes in these formviews for spell check.

I am using your sample java code below, and the spell check doesn't work.

function MultipleTextSource(sources)

{

this.sources = sources;

this.getText = function()

{

var texts = [];

for (var i = 0; i < this.sources.length; i++)

{

texts[texts.length] =

this.sources[i].getText();

}

return texts.join("<controlSeparator><br/></controlSeparator>");

}

this.setText = function(text)

{

var texts = text.split("<controlSeparator><br/></controlSeparator>");

for (var i = 0; i < this.sources.length; i++)

{

this.sources[i].setText(texts[i]);

}

function startSpell()

{

var sources =

[

new HtmlElementTextSource(document.getElementById('<%=FormView2.FindControl("TextBox4").ClientID %>')),

new HtmlElementTextSource(document.getElementById('<%=FormView3.FindControl("TextBox5").ClientID %>')),

new HtmlElementTextSource(document.getElementById('<%=FormView3.FindControl("TextBox6").ClientID %>'))

];

var spell = $find("RadSpell1");

spell.setTextSource(

new MultipleTextSource(sources));

spell.startSpellCheck();

}

<telerik:RadSpell ID="RadSpell1" runat="server" SupportedLanguages="en-US,English" ControlsToCheck="TextBox4" IsClientID="true" ButtonType="None"/>

Thanks!

Spell

answered on 12 May 2009

2 answers

226 views

GridButtonColumn not displayed when Item is Selected

Hello Support,

I use the Grid to Display a Advanced SearchResult in a Tooltip. With the GridButtonColumn, the user should select a Item of the Resultset, in ItemCommand Event the selected Item is set to the selected Value of a ComboBox.

This All works fine, but after selecting a Item with the GridButtonColumn, the Grid highlights the Row, and the GridButtonColumn not displays anymore.

I want to highlight the Row and show the ButtonColumn. If I Rebuild the Grid the Row is not selected anymore, the Button is shown again.

Build the Grid Serverside, is calling after a SearchButton Clicked

    
            protected void BuildFilterPreviewGrid(ArrayList columnList) 
        
                    { 
        
                        rdgPreview.Columns.Clear(); 
        
                        foreach (string columnName in columnList) 
        
                        { 
        
                            Telerik.Web.UI.GridBoundColumn thisCol = new GridBoundColumn(); 
        
                            thisCol.HeaderText = columnName; 
        
                            thisCol.DataField = columnName; 
        
                            if (columnName == DataValueField) 
        
                                thisCol.Visible = false; 
        
                            rdgPreview.Columns.Add(thisCol); 
        
                        } 
        
                        Telerik.Web.UI.GridButtonColumn thisButtonCol = new GridButtonColumn(); 
        
                        thisButtonCol.UniqueName = "lbtSelect"; 
        
                        thisButtonCol.CommandName = "SelectColumn"; 
        
                        thisButtonCol.Text = "auswählen"; 
        
                        thisButtonCol.ButtonType = GridButtonColumnType.LinkButton; 
        
                        thisButtonCol.Display = true; 
        
                        thisButtonCol.ShowInEditForm = true; 
        
                        rdgPreview.Columns.Add(thisButtonCol); 
        
                        if (DataSource != null) 
        
                        { 
        
                            string RowFilter = string.Empty; 
        
                            if (((List<RowFilterObject>)RowFilterList).Count > 0) 
        
                                RowFilter = RowFilterObject.GetRowFilter((List<RowFilterObject>)RowFilterList); 
        
                            DataSource.DefaultView.RowFilter = (!string.IsNullOrEmpty(RowFilter)) ? "(" + RowFilter + ")" : RowFilter; 
        
                            if (AdvancedFilterString != string.Empty) 
        
                            { 
        
                                if (DataSource.DefaultView.RowFilter != string.Empty) 
        
                                    DataSource.DefaultView.RowFilter += " AND (" + AdvancedFilterString + ")"; 
        
                                else 
        
                                    DataSource.DefaultView.RowFilter = AdvancedFilterString; 
        
                            } 
        
                            string[] distinctColumns = (string[])columnList.ToArray(typeof(string)); 
        
                            DataTable distinctValues = DataSource.DefaultView.ToTable(true, distinctColumns).Copy(); 
        
                            distinctValues.DefaultView.Sort = DataTextField + " ASC"; 
        
                            rdgPreview.DataSource = distinctValues.DefaultView; 
        
                            rdgPreview.DataBind(); 
        
                        } 
        
                    }

Grid Events

    
             void rdgPreview_PageIndexChanged(object source, GridPageChangedEventArgs e) 
        
                    { 
        
                        rdgPreview.CurrentPageIndex = e.NewPageIndex; 
        
                        DoAdvancedFilter(); 
        
                    } 
        
                    void rdgPreview_ItemCommand(object source, GridCommandEventArgs e) 
        
                    { 
        
                        if (e.CommandName.ToLower() == "selectcolumn") 
        
                        { 
        
                            string arg = e.CommandArgument.ToString(); 
        
                            e.Item.Selected = true; 
        
                            SelectedValue = arg; 
        
                            BuildAdvancedFilterControl(); 
        
                        } 
        
                    } 
        
                    void rdgPreview_ItemDataBound(object sender, GridItemEventArgs e) 
        
                    { 
        
                        if (e.Item is GridDataItem) 
        
                        { 
        
            //                GridDataItem dataitem = (GridDataItem)e.Item; 
        
                            System.Web.UI.WebControls.LinkButton thisButton = e.Item.Cells[e.Item.Cells.Count - 1].Controls[0] as System.Web.UI.WebControls.LinkButton; 
        
                            if (thisButton != null) 
        
                            { 
        
                                thisButton.CommandArgument = ((DataRowView)e.Item.DataItem)[DataValueField].ToString(); 
        
                                thisButton.CommandName = "SelectColumn"; 
        
                            } 
        
                        } 
        
                    }

    
            <div id="divOuter" runat="server"> 
        
                <div id="divDropDown" runat="server"> 
        
                    <telerik:RadComboBox ID="ddlDropdown" runat="server" Skin="Gray" Height="190px" AllowCustomText="True"  
        
                        ShowToggleImage="True" ShowMoreResultsBox="true" AutoPostBack="false" EnableLoadOnDemand="True"  
        
                        MarkFirstMatch="false" EnableVirtualScrolling="true" Width="206px"  
        
                        DropDownWidth="450"> 
        
                    </telerik:RadComboBox> 
        
                    <asp:ImageButton ID="btnAdvancedFilter" runat="server" ImageUrl="~/images/icons_32x32_aktiv/filtern.gif"  Width="20px" Height="20px"  /> 
        
                </div> 
        
                <telerik:RadToolTip runat="server" ID="RadToolTip" ShowEvent="OnClick" ManualClose="true"  Height="500px"  Width="750px" 
        
                            TargetControlID="btnAdvancedFilter" IsClientID="false"  OffsetY="4" Delay="1"  HideEvent="LeaveToolTip" 
        
                            Animation="Resize" Position="BottomCenter" RelativeTo="Element" Skin="Telerik"> 
        
                            <div style="text-align:left;"> 
        
                            <asp:PlaceHolder ID="plhFilterControls" runat="server"></asp:PlaceHolder> 
        
                            <div style="text-align:right;"> 
        
                            <asp:Button ID="btnDoAdvancedFilter" CssClass="button" runat="server" Text="Filtern"/>&nbsp;<asp:Button ID="btnClear" runat="server" CssClass="button"  Text="zurücksetzen"/> 
        
                            </div>   
        
                              <telerik:RadGrid ShowGroupPanel="false" AllowMultiRowSelection="false" AllowMultiRowEdit="false"  AutoGenerateColumns="false" ID="rdgPreview"  
        
                             AllowFilteringByColumn="false" AllowSorting="false" width="750px" height="300px" PageSize="10" 
        
                                ShowFooter="false" runat="server" Skin="WebBlue" GridLines="None" AllowPaging="true"> 
        
                                <pagerstyle mode="NextPrevAndNumeric" /> 
        
                                </telerik:RadGrid>                   
        
                            </div> 
        
                            </telerik:RadToolTip>  
        
                <asp:RequiredFieldValidator ID="rvAjaxDropdown" ControlToValidate="ddlDropdown" EnableClientScript="false" 
        
                    runat="server"></asp:RequiredFieldValidator> 
        
                    <telerik:RadToolTipManager runat="server" ID="RadToolTipManager1"   Width="750px" Height="500px" 
        
                                RelativeTo="Element" Animation="Slide" Position="BottomCenter"  /> 
        
            </div>

Grid

answered on 12 May 2009

5 answers

128 views

Paste Html Dialog Window

Hi folks.
In the demo page of the radeditor control, when the user opens the Paste Html dialog window and paste a piece of text from MS Word, after the user hit Paste, the delete or backspace keys don't work when selecting the pasted text from the editor, it seems that is getting in readonly mode or something.
Is there a workaround for this or am I missing something really obvious?
I've tested this issue only in FF3.
Thanks in advance.

Editor

answered on 12 May 2009

2 answers

148 views

Resetting layout

How can I reset the layout on a button click? I need to be able to bring back closed and collapsed Docks, I have everything coming from the database (state and controls). I tried clearing out the state per that user but I think I need to do it in a different lifecycle event because it keeps coming back. The reset layout sub just clears out that users record and therefore returns a default state but somehow it goes back to the original, I assume I need to do it in a different event?

Here is the code

    
              Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click 
        
                    Dim ContactID As Integer = Int32.Parse(Utilities.GetSession("ContactNumber").ToString()) 
        
                    PortalDataAccess.ResetLayoutByContactID(ContactID) 
        
                End Sub

Dock

answered on 12 May 2009

2 answers

169 views

[Solved] calendar width changes in datepicker

Hi,

I have a customized datepicker and when I change the months on the calendar of the datepicker, the calendar automatically re sizes little bit with the width changing.I tried changing in the css file and it did not work out. How can this be solved???Please let me know.

Thank you

Calendar

answered on 12 May 2009

2 answers

132 views

Resize in Editform.aspx (Wiki)

Hi telerik,

We have the requirement to use the availabe screen width when editing MOSS wiki Content.

After installing RadEditor i set the size of the Webpart on editform aspx (/EditForm.aspx?Shared&ToolPaneView=2)
to a fixed size of 1400 pixel.

Result:

The size of the webpart is set, Buttons and the gray Border appar in the new size.

But the editing area (white box) still has the old size.

The question:

How to maximize the edit area in WIKIa?

rgds

Holger

WebParts for SharePoint

answered on 12 May 2009

2 answers

1.6K+ views

asp:Button Top/Left positions

I have a button defined as follows:

    
            <asp:Button

             ID="btnRunReport"

             Style="z-index: 103;position: absolute; top:280px; left:850;"

             runat="server" Text="Run Report"

             Height="21px" Width="114px"

             Font-Bold="True" OnClick="btnRunReport_Click" TabIndex="50">

            </asp:Button>

Note the top and left positions are indicated in the inline style, and there is a Height attribute as well. When the control is finally rendered, it looks like this:

    
            <A class="rfdSkinnedButton RadForm_Forest rfdInputDisabled"

             id="_rfdSkinnedctl00_Master_ContentPlaceHolder1_CurrentUC_btnRunReport"

             style="WIDTH: 114px" href="javascript:void(0)">

            <SPAN class="rfdOuter"><SPAN class="rfdInner">Run Report</SPAN></SPAN>

            </A>

Now note how the stying has been stripped down to the width, so positioning is left to the CSS, including height.
If I assign my own CSS class, I get my top/left but no skinning. If I don't assign a class, the default position is the top/left corner of the button's container.

So I added the following (bad bad) code to the head of my page, but it doesn't have any effect:

    
            <style type="text/css">  
        
             .rfdSkinnedButton  
        
             {  
        
               top: 282px;  
        
               left: 852px;  
        
             }  
        
            </style>

Using the IE Developer toolbar, I see the style is included in the aggregated styling, but the control still appears in the top corner of the page.

To fix this I did the following:

    
            <div Style="z-index: 103; position: absolute; top: 280px;left: 850;">  
        
              <asp:Button

                ID="btnRunReport" runat="server" Text="Run Report"

                Height="21px" Width="114px"

                Font-Bold="True" OnClick="btnRunReport_Click" TabIndex="50">

              </asp:Button> 
        
            </div>

Do we really need to nest buttons in Div tags? Am I missing something obvious? Is there a bug in the RadControls skinning process where the top, left, and height style/attributes are left out? I disabled my RadFormDecorator for this exercise but it didn't seem to make a difference.

Thank you kindly.

FormDecorator

answered on 12 May 2009

3 answers

646 views

Skin vs SkinID

What, if anything, is the SkinID property used for?

--
Stuart

General Discussions

answered on 12 May 2009