Questions on UI for ASP.NET AJAX Forum

1 answer

229 views

Unwanted width in column header in radgrid.

Hi,

I am getting unwanted column width in radgrid header. Please see the attached screenshot. Please let me know how to remove that. If you look at the attached file there is unwanted width before "Market Name" column.

One more thing If you see the attached file there is filter icon in coming under textbox. Is there anyway to set that like textbox and filter icon should come in one line without resizeing the column. If yes how to do that?

Here is my grid code.

    
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!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 runat="server"> 
        
                <title></title> 
        
                <link href="CSS/Forest.css" rel="stylesheet" type="text/css" /> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <style type="text/css"> 
        
                    .rgPageFirst, .rgPagePrev, .rgPageNext, .rgPageLast 
        
                    { 
        
                        display: none !important; 
        
                    } 
        
                </style> 
        
                <style type="text/css"> 
        
                    div.RemoveBorders .rgHeader, div.RemoveBorders th.rgResizeCol, div.RemoveBorders .rgFilterRow td 
        
                    { 
        
                        border-width: 0 0 1px 0; /*top right bottom left*/ 
        
                    } 
        
                    div.RemoveBorders .rgRow td, div.RemoveBorders .rgAltRow td, div.RemoveBorders .rgEditRow td, div.RemoveBorders .rgFooter td 
        
                    { 
        
                        border-width: 0; 
        
                        padding-left: 1px; /*needed for row hovering and selection*/ 
        
                    } 
        
                    div.RemoveBorders .rgGroupHeader td, div.RemoveBorders .rgFooter td 
        
                    { 
        
                        padding-left: 1px; 
        
                    } 
        
                    div. 
        
                </style> 
        
                <script type="text/javascript"> 
        
                    function onRequestStart(sender, args) { 
        
                        if (args.get_eventTarget().indexOf("ExportToExcelButton") >= 0 || 
        
                                args.get_eventTarget().indexOf("ExportToWordButton") >= 0 || 
        
                                args.get_eventTarget().indexOf("ExportToPdfButton") >= 0 || 
        
                                args.get_eventTarget().indexOf("ExportToCsvButton") >= 0) { 
        
                            args.set_enableAjax(false); 
        
                        } 
        
                    } 
        
                </script> 
        
                <div style="padding: 1px"> 
        
                    <telerik:RadScriptManager ID="sm" runat="server"> 
        
                    </telerik:RadScriptManager> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="gvTrackers"> 
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="gvTrackers" LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"> 
        
                    </telerik:RadAjaxLoadingPanel> 
        
                    <telerik:RadGrid ID="gvTrackers" Skin="Forest" EnableEmbeddedSkins="true" Height="600px" 
        
                        runat="server" AllowPaging="true" AllowSorting="True" GridLines="None" AutoGenerateColumns="true" 
        
                        EnableHeaderContextMenu="true" EnableHeaderContextFilterMenu="true" AllowMultiRowSelection="true" 
        
                        AllowFilteringByColumn="True" OnNeedDataSource="gvTrackers_NeedDataSource" OnItemCreated="gvTrackers_ItemCreated" 
        
                        OnItemCommand="gvTrackers_ItemCommand" OnColumnCreated="gvTrackers_ColumnCreated"> 
        
                        <HeaderStyle Height="25px" Width="100px" Font-Size="8pt" Font-Bold="True" ForeColor="White" 
        
                            HorizontalAlign="Center" BorderColor="white" BorderWidth="1px" /> 
        
                        <ExportSettings IgnorePaging="true" ExportOnlyData="true"> 
        
                            <Pdf AllowModify="false" AllowPrinting="true" PageWidth="16in" /> 
        
                        </ExportSettings> 
        
                        <MasterTableView AllowMultiColumnSorting="true" CommandItemDisplay="Top"> 
        
                            <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true" 
        
                                ShowExportToCsvButton="true" ShowExportToPdfButton="true" ShowAddNewRecordButton="false" /> 
        
                        </MasterTableView> 
        
                        <ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True"> 
        
                            <Scrolling AllowScroll="true" EnableVirtualScrollPaging="false" UseStaticHeaders="true" /> 
        
                            <Selecting AllowRowSelect="True"></Selecting> 
        
                            <Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True" 
        
                                ResizeGridOnColumnResize="False"></Resizing> 
        
                        </ClientSettings> 
        
                        <PagerStyle Mode="NextPrevAndNumeric" HorizontalAlign="Right" Font-Bold="true" AlwaysVisible="true" /> 
        
                    </telerik:RadGrid> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Grid

answered on 17 Jun 2010

2 answers

147 views

Cannot change asp button text in code behind

I am running a test where I click a button and the text on that button will change from Button1 to Button2, and it is not working. I have tried it with the AjaxManager and it does not work.

Protected Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
Button1.Text = "Button2"
End Sub

Grid

answered on 17 Jun 2010

2 answers

166 views

Bar Labels,

Hi All, I have a horizontal bar chart and need to place text inside the actual bars. Basically the text is too long to fit on the x axis and I would like to use it inside the bars which it will fit.

Any idea's?
Thanks in advance!

Chart (Obsolete)

answered on 17 Jun 2010

4 answers

139 views

Formatting Paging help

Hello Telerik Team,

I am deploying RadGrid to UserControl and resizing the width.
Please help me property format the paging in single line (from serverside). I have instance of Radgrid on ServerSide.
Pls find the attachment.

Thanks

Grid

answered on 17 Jun 2010

1 answer

159 views

Building an FTP-style site

I'm thinking about using the upload controls to make an ftp-style website where our users can login and upload files for others to login and access. Does anybody have any real-world examples of how they did this?

Once the files are loaded to the site, is there a cool way to show those files on the site for download, like in a grid, or do you just enable the listing of the folder contents?

(Our users are having a hard time with ftp so this should make it easier for them ...)

Upload (Obsolete)

answered on 17 Jun 2010

2 answers

112 views

Navigation Text

I have this:

<

telerik:RadDatePicker ID="calDate" Runat="server" AutoPostBack="True" Width="95px"

Culture="English (United States)" onselecteddatechanged="calDate_SelectedDateChanged">

<Calendar UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False"

ViewSelectorText="x" ShowRowHeaders="false" BorderStyle="Solid" NavigationPrevText="Prev" NavigationNextText="Next"

BorderWidth="1px" BorderColor="#573d08" CalendarTableStyle-BackColor="Control" FastNavigationStyle-BackColor="Beige" HeaderStyle-BackColor="#095287" HeaderStyle-ForeColor="White" TitleStyle-BackColor="#095287" TitleStyle-ForeColor="WhiteSmoke" DayNameFormat="FirstTwoLetters" DayStyle-BackColor="ButtonFace" DayStyle-Width="13px" Width="150px" ShowOtherMonthsDays="false" SingleViewRows="5" CssClass="formInput" FastNavigationStep="2" ></Calendar>

</telerik:RadDatePicker>

But the NavigationPrevText="Prev" NavigationNextText="Next" does not do its work. I still see the four navigation buttons. I need replace the four buttons with "<Prev" and "Next>".

Please help!

Joseph

Calendar

answered on 17 Jun 2010

2 answers

126 views

Radgrid Filter window

Dear telerik,

Can you please advise on below ?

I am trying to apply my own class on radgrid, i have set enableembeddedskin = "false" and apply the classes, which is working fine

I have a column with showfiltericon =true, but filter window is all white, please advise how to resolved this thing, how can i apply my own style like background color, font color in filter window ?

appriciate your help
Kiran

General Discussions

answered on 17 Jun 2010

1 answer

78 views

Grid Data to be wrapped

Hi,

How do i wrap the data text with out blankspace The sample text is below

Wrapping is working if the data is as Ex1.

Ex1. "This Text is Wrapping as per the column width"

Wrapping is not workingif the data is as Ex2.

Ex2. "ThisTextIsToBeWrappedButNotWorking"

Help me to fix this
Jidesh

Grid

answered on 17 Jun 2010

3 answers

154 views

RadSplitBar width design quirk

I noticed that the SplitterBar's default skin does not support a SplitBarsSize greater than 8px. This is because the graphic used is only 8px wide and the hover CSS positions it -4px to the left. My clients completely missed that the bar was "moveable", so I would like to make it wider without overriding the default styles.

Below is what I'm using to fix it. It works with a splitter bar size up to 100px and is only 20 bytes larger than the 8px gif, but again, it would be nice not to have to override stuff with !important flags. I already have a very large stylesheet devoted to overriding/fixing default RadControl styles.

    
            .RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize { background: url(splitter-bar.gif) repeat-y !important; } 
        
            .RadSplitter_Default .rspResizeBarOver, .RadSplitter_Default .rspSlideContainerResizeOver { background-position: -100px 0 !important; }

Thanks,
-Derek
2010.1.415.35

Splitter

answered on 17 Jun 2010

2 answers

190 views

[Solved] RadGrid with scrolling enabled causes RadWindow autosize incorrectly

I am launching a RadWindow which contains a RadGrid and some other controls. The AutoSize property on the RadWindow is set to "true". Results are as expected, until I add scrolling to the RadGrid.

    
            <ClientSettings> 
        
               <Scrolling AllowScroll="true" UseStaticHeaders="true"/>             
        
            </ClientSettings>

The AutoSize re-sizes the RadWindow much larger than it needs to be. The culprit seems to be the attribute AllowScroll="true". When this is removed, AutoSize works correctly.

When it is added, as the RadWindow is opening I'm noticing (very briefly) that a block of white space is allocated directly below the RadGrid which pushes the controls below further away. Then suddenly the controls re-adjust directly underneath the RadGrid properly, but the RadWindow size does not re-adjust accordingly.

Is this a known issue or are there any work-arounds?

Grid

answered on 17 Jun 2010