Questions on UI for ASP.NET AJAX Forum

2 answers

121 views

[Solved] Indicator if child row has data?

When the grid control displays its data, the child rows are collapsed and the user needs to click on the arrow to the left to expand it and the only way a user knows if a row has child data is to expand it. Is there a way to have the expand arrow (or some other way) display a different color if there are child rows? I don't want to expand every child row as that would make it difficult for the users to quickly find the data they want.

Grid

answered on 08 Jul 2013

1 answer

60 views

Get subitems in js code

Hi guys

I am trying to access a menu item in javascript using get_items but I am getting the parent items only. The subitems are not listed. What can I do?
Please help
Joseph

Menu

answered on 08 Jul 2013

4 answers

98 views

Radgrid Row Summary Error

Hi,

I am showing bill register in RADGRID. However if a customer has bought more than one item, then I am adding Bill Total in the "B.AMT" column. But the problem is ,while doing column summary, the bill total is counted as per number of items in case there are more than one item bought by customer. Please find in the attached screenshot.
Here Gopal TODI has bought 2 items of total amt. 66778. But while calculating the summary of B.AMT ,66778 is added twice.

Please look into this.

Regards
Purojit

Grid

answered on 08 Jul 2013

4 answers

168 views

Only 1 edit column on Add New

I have a radgrid in batch edit mode. When I click on add new I only get 1 column to edit even though I have 2 visible columns?

Also the Add New resizes my grid by 1/2 to say Save Changed even though I have plenty of space to keep it all on one line?

Third I can not get any of the command events to fire except BatchEdit Command??

                                                 <telerik:RadGrid ID="dgCompNonGrid" GridLines="None" runat="server" AllowAutomaticDeletes="True"
                                                    AllowAutomaticInserts="True" PageSize="40" Skin="Default" OnItemDeleted="dgCompNonGrid_ItemDeleted" OnItemInserted="dgCompNonGrid_ItemInserted"
                                                    OnItemUpdated="dgCompNonGrid_ItemUpdated" AllowAutomaticUpdates="True" AllowPaging="False"
                                                    AutoGenerateColumns="False" Width="440px" OnBatchEditCommand="dgCompNonGrid_BatchEditCommand" Height="230px">
                                                     <ExportSettings>
                                                         <Pdf>
                                                             <PageHeader>
                                                                 <LeftCell Text="" />
                                                                 <MiddleCell Text="" />
                                                                 <RightCell Text="" />
                                                             </PageHeader>
                                                             <PageFooter>
                                                                 <LeftCell Text="" />
                                                                 <MiddleCell Text="" />
                                                                 <RightCell Text="" />
                                                             </PageFooter>
                                                         </Pdf>
                                                     </ExportSettings>
                                                    <ClientSettings>
                                                        <Selecting AllowRowSelect="True" />
                                                    </ClientSettings>
                                                    <MasterTableView AllowNaturalSort="False" EditMode="Batch" BatchEditingSettings-OpenEditingEvent ="DblClick">
                                                        <BatchEditingSettings EditType="Cell" />
                                                        <CommandItemSettings ExportToPdfText="Export to PDF" />
                                                        <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
                                                        </RowIndicatorColumn>
                                                        <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
                                                        </ExpandCollapseColumn>
                                                        <EditFormSettings>
                                                            <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                                            </EditColumn>
                                                        </EditFormSettings>
                                                        <PagerStyle PageSizeControlType="RadComboBox" />
                                                    </MasterTableView>
                                                     <MultiHeaderItemStyle Wrap="False" />
                                                     <ItemStyle Wrap="False" />
                                                    <PagerStyle PageSizeControlType="RadComboBox" />
                                                    <FilterMenu EnableImageSprites="False">
                                                    </FilterMenu>
                                                </telerik:RadGrid>

CODE==================================================================================

           With dgCompNonGrid
                .Columns.Clear()
                .DataSource = Nothing
                .DataSource = ippService.SelectPlanComponentsDetails(iCompID)
            End With

Dim boundColumn As GridBoundColumn

            boundColumn = New GridBoundColumn()
            dgCompNonGrid.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentID"
            boundColumn.UniqueName = "dgippComponentID"
            boundColumn.Display = False
            boundColumn.HeaderText = ""
            boundColumn.ItemStyle.Font.Size = 8
            boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left
            boundColumn.ReadOnly = True

            boundColumn = New GridBoundColumn()
            dgCompNonGrid.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentSeq"
            boundColumn.UniqueName = "dgippComponentSeq"
            boundColumn.Display = False
            boundColumn.HeaderText = ""
            boundColumn.ItemStyle.Font.Size = 8
            boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left

            boundColumn = New GridBoundColumn()
            dgCompNonGrid.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentSrcValue"
            boundColumn.UniqueName = "dgippComponentSrcValue"
            boundColumn.Display = True
            boundColumn.HeaderText = "Value"
            boundColumn.ItemStyle.Font.Size = 8
            boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left

            boundColumn = New GridBoundColumn()
            dgCompNonGrid.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentBonusPct"
            boundColumn.UniqueName = "dgippComponentBonusPct"
            boundColumn.Display = True
            boundColumn.HeaderText = "Bonus %"
            boundColumn.ItemStyle.Font.Size = 8
            boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Left

Dim oDeleteColumn As New GridButtonColumn

            With oDeleteColumn
                .UniqueName = "Delete"
                .HeaderText = "Remove"
                .ItemStyle.Font.Size = 8
                .ButtonType = GridButtonColumnType.ImageButton
                .ImageUrl = "~/Images/style7/cancel.gif"
                .Display = True
                .Visible = True
                .CommandName = "Delete"
                .ConfirmText = "Delete this increment?"
                .ConfirmDialogType = GridConfirmDialogType.RadWindow
                .ItemStyle.HorizontalAlign = HorizontalAlign.Left
            End With

dgCompNonGrid.MasterTableView.Columns.Add(oDeleteColumn)

dgCompNonGrid.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top

Grid

answered on 08 Jul 2013

6 answers

226 views

RadButtons not Scrolling inside a Pane/Container.

I have a fairly complex page with RadSplitters/RadPanes/PanelBars/RadGrids and RadButtons. When I expand the RadPanelBar, then scroll, the buttons don't seem to scroll with the page. Locally, in Debug mode, they seem to scroll fine, but when I deploy them to the server, that is when I see the problem. See attached image.

I searched this forum but I didn't see many possible solutions.

thanks

mark

Button

answered on 08 Jul 2013

14 answers

1.8K+ views

[Solved] DatePicker enable/disable clientside

I can't seem to get my datepicker control to properly enable/disable on the client side. I've included my javascript below.

When the function is called, it partially works. The textbox portion of the control is enabled/disabled appropriately. But the popup button seems to always work, regardless of wether the control is enabled/disabled.

What am I doing wrong? I've searched for other answers on this, but they are all really old (more than 2 years) and the api has changed significantly since then.

    
            function ToggleDatePicker(enable) 
        
            { 
        
                var DatePicker = $find('<%= StartDate.ClientID %>'); 
        
                if (!enable) 
        
                { 
        
                    DatePicker.get_dateInput().disable();  
        
                    DatePicker.get_popupButton().onclick = null; 
        
                } 
        
                else 
        
                { 
        
                    DatePicker.get_dateInput().enable();  
        
                    DatePicker.get_popupButton().onclick = function() { DatePicker.togglePopup(); return false; };  
        
                } 
        
            }

Calendar

answered on 08 Jul 2013

3 answers

107 views

Having trouble saving files to a specific location

I have a form that has the following workflow.

1. user fills out form, including optionally uploading a file
2. the information gets saved to the database
3. using the ID of the entry, a new folder is created with that ID number
4. the file is uploaded to that folder
5. the user is redirected to another page

I can't seem to place the file uploading process in the right place. Can someone point me in the right direction of the method to use? Should I move the files in the button click action? Page load? onFileUpload?

AsyncUpload

answered on 08 Jul 2013

6 answers

298 views

[Solved] Is it possible to create a nested grid thorugh client code

Hi, I'm trying to reduce the initial load of my Hierarchical grid. Right now it is about 180kb, I thought if I could create the nested grid on the client when it is needed the initial page load would be small.

I'm using this approach

http://blogs.telerik.com/vladimirenchev/Posts/08-09-09/How_To_Telerik_RadGrid_Master_Detail_client-side_data-binding_using_LINQ_to_SQL_and_WebService.aspx?ReturnURL=%2fvladimirenchev%2fPosts.aspx

Basically I'm using two web services on the client to load my master grid and the nested grid.

Thanks
Chris

Grid

answered on 08 Jul 2013

1 answer

81 views

[Solved] Accessing Appointment details in JavaScript

Hello,

I'm trying to implement some restrictions on dragging and dropping appointments on the scheduler and it looks like the only events to do this are client-side events. How would I access resource values, such as a username to make sure the user is moving his/her own appointment? Would I be able to get the start/end times of the appointment and be able to access the collection of scheduler appointments in JavaScript to make sure they don't overlap?

Thanks,
Matt

Scheduler

answered on 08 Jul 2013

3 answers

49 views

Search button alignment on mobile browser

I'm utilizing the SearchBox on a mobile-centric site, and during my testing I've noticed inconsistencies with the search image/button either being mis-aligned or disappearing when switching the phone from portrait to landscape mode (or vice versa).

The search button is properly aligned after initial load in either orientation. When switching device orientation, the image will either show in the middle of the SearchBox or disappear altogether (seems it might be aligned to the right of the box, but can't be certain). Reloading the page in the new orientation puts the image back in the proper place. Perhaps a CSS issue?

I'm using a Galaxy S3 for testing, Android 4.1.1 with the default browser. I'm not customizing the SearchBox at all, using MetroTouch skin.

SearchBox

answered on 08 Jul 2013

	function ToggleDatePicker(enable)
	{
	var DatePicker = $find('<%= StartDate.ClientID %>');

	if (!enable)
	{
	DatePicker.get_dateInput().disable();
	DatePicker.get_popupButton().onclick = null;
	}
	else
	{
	DatePicker.get_dateInput().enable();
	DatePicker.get_popupButton().onclick = function() { DatePicker.togglePopup(); return false; };
	}
	}