Questions on UI for ASP.NET AJAX Forum

1 answer

122 views

Problem with styling on RadComboBox in custom CommandItemTemplate

(The whole escaping issue in FF3.1 is really, really annoying.)
One more time. I'm running into an issue whereby the styles from the skin of the RadGrid are interferring with a RadComboBox located in a custom CommandItemTemplate. I have the stylesheetTheme set to my Theme name in the web.config file (i.e., I have it set to Default and I have a Theme called Default). I have a screenshot but am not sure how to post it.

Here are the relevant skins located in a .skin file in my Theme directory:

    
            <telerik:RadGrid runat="server" SkinID="NonPagingGrid" 
        
                Skin="Web20" 
        
                AllowPaging="false" 
        
                AllowSorting="true" 
        
                AutoGenerateColumns="false" 
        
                GridLines="None" 
        
                ShowStatusBar="true" 
        
                SortingSettings-EnableSkinSortStyles="false" 
        
                Width="100%">      
        
                <StatusBarSettings LoadingText="Loading..." ReadyText="Ready" /> 
        
                <MasterTableView  
        
                    AllowMultiColumnSorting="true" 
        
                    AllowNaturalSort="true" 
        
                    AllowSorting="true" 
        
                    NoMasterRecordsText="" 
        
                    ShowHeader="true" 
        
                    ShowHeadersWhenNoRecords="true" 
        
                    TableLayout="Fixed" 
        
                    Width="100%">  
        
                    <NoRecordsTemplate> 
        
                        <div style="text-align:left;padding-left:15px;padding-top:5px;">No matching records were found.</div> 
        
                    </NoRecordsTemplate> 
        
                </MasterTableView> 
        
                <ClientSettings   
        
                    AllowColumnsReorder="true" 
        
                    AllowGroupExpandCollapse="true" 
        
                    AllowKeyboardNavigation="true" 
        
                    ClientEvents-OnRowCreated="RowCreated">  
        
                    <ClientEvents   
        
                       OnGridCreated="AutoFitGridHeight" />           
        
                    <Resizing   
        
                        AllowColumnResize="true"   
        
                        EnableRealTimeResize="true" /> 
        
                    <Scrolling   
        
                        AllowScroll="true" 
        
                        UseStaticHeaders="true" 
        
                        SaveScrollPosition="true" /> 
        
                </ClientSettings> 
        
            <telerik:RadComboBox runat="server" SkinID="BorderedComboBox"      
        
                Skin="Vista"      
        
                Font-Size="11px"   
        
                MarkFirstMatch="true" 
        
                NoWrap="true" />

Obviously, I have the SkinID attribute on the RadGrid set to NonPagingGrid. Here is the CommandItemTemplate:

    
            <CommandItemTemplate> 
        
                <div id="CP_Cmd">  
        
                    <div class="CP_Cmd_C CP_Cmd_IB">  
        
                        <asp:ImageButton ID="AddProjectButtonImage" runat="server" meta:resourcekey="AddProjectButtonImage"   
        
                            ImageUrl="~/App_Themes/Default/buttons/add_button.png" 
        
                            CommandName="InitInsert" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_LB">  
        
                        <asp:LinkButton ID="AddProjectButton" runat="server" meta:resourcekey="AddProjectButton" 
        
                            CommandName="InitInsert" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_IB">  
        
                        <asp:ImageButton ID="FillProjectButtonImage" runat="server" meta:resourcekey="FillProjectButtonImage"   
        
                            ImageUrl="~/App_Themes/Default/buttons/add_button.png" 
        
                            OnClick="FillProjectButton_Click" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_LB">  
        
                        <asp:LinkButton ID="FillProjectButton" runat="server" meta:resourcekey="FillProjectButton"   
        
                            OnClick="FillProjectButton_Click" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_IB">  
        
                        <asp:ImageButton ID="FillSubprojectsImageButton" runat="server" meta:resourcekey="FillSubProjectsButton"   
        
                            ImageUrl="~/App_Themes/Default/buttons/add_button.png" 
        
                            OnClick="FillSubProjectButton_Click" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_LB">  
        
                        <asp:LinkButton ID="FillSubprojectsLinkButton" runat="server" meta:resourcekey="FillSubProjectsButton"   
        
                            OnClick="FillSubProjectButton_Click" /> 
        
                    </div> 
        
                    <div class="reset CP_Cmd_C CP_Cmd_TempDDL" style="margin:0;padding:0;">  
        
                        <telerik:RadComboBox ID="TemplateSelectionEdit" runat="server"   
        
                            SkinID="BorderedComboBox"   
        
                            meta:resourcekey="TemplateSelectionEdit" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_IB">  
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_IB CP_Cmd_R">  
        
                        <asp:ImageButton ID="RefreshGridImageButton" runat="server" meta:resourcekey="RefreshGridImageButton"   
        
                            ImageUrl="~/App_Themes/Default/buttons/grid_refresh.gif" 
        
                            CommandName="RebindGrid" /> 
        
                    </div> 
        
                    <div class="CP_Cmd_C CP_Cmd_LB CP_Cmd_R CP_Cmd_RLB">  
        
                        <asp:LinkButton ID="RefreshGridButton" runat="server" meta:resourcekey="RefreshGridButton"   
        
                            CommandName="RebindGrid" /> 
        
                    </div> 
        
                </div> 
        
            </CommandItemTemplate>

And finally here is the relavant CSS:

    
            div#CP_Cmd  
        
            {  
        
                height: 2.5em;  
        
                padding-top: 0.5em;  
        
                padding-left: 1em;  
        
            }  
        
            div#CP_Cmd div.CP_Cmd_C  
        
            {  
        
                float: left;  
        
                display:block;  
        
            }  
        
            /*Image button*/ 
        
            div#CP_Cmd div.CP_Cmd_IB  
        
            {  
        
                width: 2em;  
        
            }  
        
            /*Link button*/ 
        
            div#CP_Cmd div.CP_Cmd_LB  
        
            {  
        
                width: 8em;  
        
            }  
        
            /*Refresh buttons*/ 
        
            div#CP_Cmd div.CP_Cmd_R  
        
            {  
        
                float:rightright;  
        
                padding-right: 1em;  
        
            }  
        
            /*Refresh link buttons*/ 
        
            div#CP_Cmd div.CP_Cmd_RLB  
        
            {  
        
                width: 4em;  
        
                padding-right: 0.5em;  
        
            }  
        
            /* Template dropdown*/ 
        
            div#CP_Cmd div.CP_Cmd_TempDDL  
        
            {  
        
                width: 15em;  
        
            }  
        
            /* Template button*/ 
        
            div#CP_Cmd div.CP_Cmd_TempB  
        
            {  
        
            }

Grid

answered on 21 May 2009

0 answers

144 views

Import and Edit Skin is not working

Hi, first off it's a great idea to provide this visual style builder. but the import and edit skin tool is not working. Every time I upload a zip file, it gave me an error. The zip file is composed exactly structure as your example. Menu.Custom.css and Image folder named Menu.

Visual Style Builder

asked on 21 May 2009

1 answer

166 views

RadComboBox dropdown text not visible

<

telerik:RadDockZone ID="RadDockZone1" runat="server" BorderStyle="None">

<telerik:RadDock ID="RadZone1" runat="server" Width="100%" Title="Group" BorderStyle="None"

BorderWidth="0px" Height="652px" Top="155px" Left="245px" DefaultCommands="None"

EnableDrag="False">

<telerik

:RadComboBox ID="ddlgroupCategory" AllowCustomText="True" ShowMoreResultsBox="true"

EnableVirtualScrolling="true" runat="server" skin="Outlook"

EmptyMessage="Select the category..."

onitemsrequested="ddlgroupCategory_ItemsRequested"></telerik:RadComboBox>

<telerik:RadDock

</telerik:RadDockZone>

The combo box dropdown text is displayes only on move over.Otherwise a dropdown with invisible text is seen.
But when the skin is Black dropdown text is displayed.

Why dropdown text is not displayed when a skin other than Black is Chosen?

ComboBox

answered on 21 May 2009

2 answers

339 views

Rad Tab Text style change

Hi,

my question is can i change the color of a rad tab text in client side.... if it is possible how..??????.... i have 5 tabs i need to change the color of each tab according to my condition.

Thanks in advance,

Regards,

Suresh S

TabStrip

answered on 21 May 2009

1 answer

150 views

Export Excel Options.

I have some problems about exporting to excel.

I wrote a single mail program. Calls the static page and gets the data and sends it. So when i tried to use telerik grid My application couldnt reach the excel sheet that the page gives. I need to save that excel programmatically. Like ExporttoExcel("C:\inetpub\.....").

How can i save the excel sheet to upper directory in my project?

Grid

answered on 21 May 2009

1 answer

69 views

[Solved] Client Side middle row Delete give problem for all rows below it .

           I have 3 rows in a grid and I delete the middle one using clientside delete for which row index is 1 . it works fine .

          Now the 3 rd row who's row index is 2 is moved up .

         if I delete 2nd row and in ondelete event I am unable to get the row object using the below script .

        var rowObject = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];

          I found the eventArgs.get_itemIndexHierarchical() give 2 although I have just 2 rows in the grid . I think it should give 1 for the above script to work because I have now only two rows .

          Due to this the row object is null .

          Please help me .

Grid

answered on 21 May 2009

1 answer

155 views

[Solved] Client Side delete gives wrong row index

Please add the following code to ondelete event to display args.get_itemIndexHierarchical() value in the example supplied by Telerick online demo   " radcontrols_aspnetajax/Grid/Examples/Client/ClientDelete/DefaultCS.aspx

<script type="text/javascript">

            function Rowdeleting(sender, args) {
                var row_no = args.get_itemIndexHierarchical();
                alert(row_no);
                var row = sender.get_masterTableView().get_dataItems()[row_no];
                alert(row);
            }

         <ClientSettings AllowKeyboardNavigation="True" >
                            <Selecting AllowRowSelect="True" />
<ClientEvents OnRowDeleting="Rowdeleting" ></ClientEvents>
                         </ClientSettings>

           Now run the code and delete any row in the middle of the grid it will show the row index and will work fine .

           Now delete the last row in the grid it will show wrong row index and so the row object will be empty .

           How do i get the correct row index after client side delete ?

Grid

answered on 21 May 2009

2 answers

141 views

Dynamically generating RadGrid on user action

I have dynamically generated user control that contains RadGrid.

    
            Protected Overrides Sub CreateChildControls() 
        
                  MyBase.CreateChildControls() 
        
                  GenerateTable() 
        
                End Sub 
        
                Private Sub GenerateTable() 
        
                  If BtnExpandOpen Then 
        
                    Dim ctrl = GetProperControl(RowIndex) 
        
                    If ctrl IsNot Nothing Then 
        
                      ctrl.WriteToDisplay(Me) 
        
                      PanelCategory.Controls.Add(ctrl) 
        
                    End If 
        
                  End If 
        
                End Sub 
        
                Private Sub btnExpand_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles btnExpand.Click 
        
                  BtnExpandOpen = Not BtnExpandOpen 
        
                  SetExpandButtonState() 
        
                  GenerateTable() 
        
                End Sub

This control I need to show up due to user request (some button click). When user clicks on button control is rendered properly but if I try to change page then grid is not changing its state.
If i try to change the page size then it throws exception like that:

[NullReferenceException: Object reference not set to an instance of an object.] 
   Telerik.Web.UI.RadGrid.RaisePostBackEvent(String eventArgument) +8609 
   System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13 
   System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +175

What have I do if I need to create RagGrid not in PageInit or PageLoad events but rendered grid must have some postbacks (i.e. paging)?
Thank you

Grid

answered on 21 May 2009

2 answers

114 views

Update on Visual Style Builder?

We're really anxious to get working with Visual Style Builder to more seamlessly integrate the Telerik controls into some of the sites we design. Is there any news on when the public preview will be? The last mention I could find was from April 9, when it was said that it would be ready "in a few weeks." It's been a few weeks - anything?

Thanks guys!

General Discussions

answered on 21 May 2009

1 answer

139 views

ajax a table row selection

all,
i'm developing a web page that performs the following.

here's what works without ajax...

1. user enters an parent account identifier in a textbox
2. textbox performs an ajax postback and adds rows to 2 System.Web.UI.WebControls.Table(s) in code.
a. child account selector table
b. another table that displays items that a selected child account can subscribe to.
3. user clicks on child account selector table row.
4. row performs __dopostback() call
5. page is refreshed, the selected child account (table row) is highlighted and the items that the child account can subscribe are displayed. additionally, the items (table rows) the child account has already subscribed to are ghosted (disabled).

i have attempted to ajaxify the row selection of the child account selector table row with no success. it is not necessary but it would give a better user experience. i've looked at telerik help and attempted one of the examples but with no luck. specifically, the example where:

in javascript:

<%=RadAjaxManager.ClientID %>.AjaxRequest(argument

);

and in code behind:

protected void RadAjaxManager_AjaxRequest(object sender, Telerik.WebControls.AjaxRequestEventArgs e)

{
// some code here
}

i've added to the RadAjaxManager.AjaxSettings to the child account selector rows when they are created. i've seen that both the jscript and code behind script is being executed, but none of the behaviors (highlighting etc) are being displayed on the page after the AjaxRequest.

let me know of any insight or forum posts that may address this scenario.

thanks,

lon vinsel
lvinsel@nacsolution.com

Ajax

answered on 21 May 2009