Questions on UI for ASP.NET AJAX Forum

4 answers

101 views

For some reason the grouping text is not aligned properly and I can't figure out why. The text is shifting up. I attached an image of what is happening, and here is the grid definition for the first grid. Can someone please advise on what I can do? Thanks!

<telerik:RadGrid ID="rgSelections" runat="server" AllowPaging="False" AllowSorting="False"

AllowMultiRowSelection="false" AutoGenerateColumns="False"

HorizontalAlign="NotSet" AllowAutomaticDeletes="False" AllowAutomaticInserts="False"

AllowAutomaticUpdates="false" AllowFilteringByColumn="false" ShowGroupPanel="False"

Skin="Metro" Height="800">

<ClientSettings ReorderColumnsOnClient="false" AllowDragToGroup="false" AllowColumnsReorder="false"

AllowRowsDragDrop="false">

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" ScrollHeight="800px">

</Scrolling>

<Selecting AllowRowSelect="true"></Selecting>

<Resizing AllowRowResize="False" AllowColumnResize="False" EnableRealTimeResize="False">

</Resizing>

<ClientEvents OnRowMouseOver="onRowMouseOver" />

</ClientSettings>

<MasterTableView DataKeyNames="SlotCode" GridLines="None" AllowMultiColumnSorting="True"

AutoGenerateColumns="False" HorizontalAlign="NotSet" CommandItemDisplay="Top"

GroupLoadMode="Client">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="ClassDate" FieldName="ClassDate" FormatString="{0:dddd MMMM d}"

HeaderText="Date"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="ClassDate" SortOrder="Ascending"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridBoundColumn UniqueName="ClassDate" SortExpression="ClassDate" HeaderText="Date"

DataField="ClassDate" DataFormatString="{0:M/dd}" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="StartTime" SortExpression="StartTime" HeaderText="Start"

DataField="StartTime" DataFormatString="{0:hh:mm tt}" ItemStyle-Width="60px"

HeaderStyle-Width="60px" ItemStyle-Wrap="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ClassTitleFull" SortExpression="ClassTitleFull"

HeaderText="Class" DataField="ClassTitleFull" ItemStyle-Width="100%" HeaderStyle-Width="100%">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Seg" SortExpression="Seg" HeaderText="Segment"

DataField="Seg" ItemStyle-Width="60px" HeaderStyle-Width="60px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="ClassSchedulingID" DataField="ClassSchedulingID"

SortExpression="ClassSchedulingID" UniqueName="ClassSchedulingID" Display="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="SlotCode" SortExpression="SlotCode" HeaderText="SlotCode"

DataField="SlotCode" Display="False">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn UniqueName="Remove" CommandName="Remove" ButtonType="ImageButton"

ImageUrl="images/delete.gif" ItemStyle-Width="30px" HeaderStyle-Width="30px">

</telerik:GridButtonColumn>

</Columns>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<RowIndicatorColumn ItemStyle-Width="0px" HeaderStyle-Width="0px" />

<CommandItemTemplate>

</CommandItemTemplate>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 13 Feb 2013

1 answer

104 views

How do I customize File Explorer's AsyncFileUpload to show only one upload button

How do I customize File Explorer's AsyncFileUpload to show only one Add button?
Also how do i add checkbox and combobox to it?
I am customizing it for giving permissions.

FileExplorer

answered on 13 Feb 2013

4 answers

259 views

Chart sometimes vanishing

I've got a problem with refers back to: "Chart is Disappearing" http://www.telerik.com/community/forums/aspnet-ajax/htmlchart/chart-is-disappearing.aspx

I'm no longer utilizing an UpdatePanel for the ajax. Instead, I'm utilizing the ajax manager on separate zones and radajaxpanels within the content templates of each dock.

Oddly, the RadHTMLChart vanishes (and can not be found through javascript) when it moves to the other of two zones. In the first zone it loads fine, but in the second it will not. If moved back to the first, it loads properly again.

Could this be a dom hierarchy issue?

Chart (HTML5)

answered on 13 Feb 2013

1 answer

183 views

Chart Legend Overflow

How do I prevent the overflow of the chart legend (see attached image)? It seems that if there is too many items, the HTMLChart just keeps rendering all the legend items instead of keeping all legend items within the plot area and maybe adding a 'More items...' legend at the end.

Is there a way to suppress the overflow of the items? Thanks!

PJ

Chart (HTML5)

answered on 13 Feb 2013

1 answer

74 views

How to Disable Day header link ..

When i click on Days .. Its showing without header
i want disable this functionality ....so how can i do this....
please suggest me

thanks ,

Nakki Soni

Scheduler

answered on 13 Feb 2013

1 answer

371 views

how to disable inline editing option in grid

Hi

just check the below code

<telerik:GridEditCommandColumn UniqueName="EditColumn" HeaderText="Edieeeee">
</telerik:GridEditCommandColumn>

i have added the above code inside the colums to edit the data and after clicking the edit link ,all the cell values i wanted bind into external textbox in my form but problem is when i m clicking on this ,in grid itself inline editing option is coming , i wanted to hide that properties because after binding into text box i wanted update the data in "update" button click of the form not inside grid..

Thanks
San

Grid

answered on 13 Feb 2013

1 answer

381 views

[Solved] Disable Buttons

I have a master table with its own server-side datasource. If you click edit the edit form comes up and display some textboxes to edit and a grid that has an edit column on it. the master also has a couple buttons for Update/Insert and a Cancel. These buttons work for the master datasource only. So the user clicks on the edit column for the row in the child grid and it has a edit form too that opens. This has its own Update/Insert and Cancel buttons. I need to disable the Master grid image buttons for Update/insert and Delete, then re-enable when the user is out of Edit mode on the child grid.

<%-- Edit form master event template --%>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<div class="data-container">

<fieldset id="FieldsetEventMasterEdit" runat="server" style="width: 97%; height: 110px; margin: 5px; background-color: #FFFFCC;" class="ui-widget ui-widget-content ui-corner-all">

<div style="float: left;">

<asp:Label runat="server"><b>* denotes required field</b></asp:Label>

</div>

<div style="float: right;">

<asp:Table runat="server">

<asp:TableRow>

<asp:TableCell>

<telerik:RadButton ID="RadButtonUpdateMasterEvent"

Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>' runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>' UseSubmitBehavior="false" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadButton ID="RadButtonCancelMasterEvent" Text="Close" runat="server" CausesValidation="False" CommandName="Cancel" UseSubmitBehavior="false" />

</asp:TableCell></asp:TableRow>

</asp:Table>

the two buttons "RadButtonUpdate..." and "RadButtonCancel..." should be disabled when...

<telerik:RadGrid runat="server" ID="RadGridEventSub" Height="100%" Width="100%" AllowMultiRowSelection="false" AutoGenerateColumns="false" OnItemCommand="RadGridEventSub_ItemCommand" OnDeleteCommand="RadGridEventSub_DeleteCommand" OnInsertCommand="RadGridEventSub_InsertCommand" OnUpdateCommand="RadGridEventSub_UpdateCommand" OnNeedDataSource="RadGridEventSub_NeedDataSource"

OnItemDataBound="RadGridEventSub_ItemDataBound" OnItemCreated="RadGridEventSub_ItemCreated" AllowAutomaticUpdates="false" AllowAutomaticInserts="false">

<MasterTableView CommandItemDisplay="Top" NoMasterRecordsText="There are no events to display..." AllowAutomaticInserts="false" AllowAutomaticUpdates="false" DataKeyNames="EventMasterId, EventSubId, GroupId, Name, EventTypeId" EditMode="EditForms">

<CommandItemSettings AddNewRecordText="Add a new sub event" ShowRefreshButton="false" />

<Columns>

<%-- this is the Pencil column for editing the record --%>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center">

<ItemStyle CssClass="GridRecordButton" />

</telerik:GridEditCommandColumn>

...the grid (RadGridEventSub) above goes into edit mode. RadGridEventSub is part of the FormTemplate.

Can you explain how to achieve this? thanks!

Grid

answered on 13 Feb 2013

1 answer

112 views

RadSchedulerRecurrenceEditor Dynamic Height

Hello,

Does anyone know the CSS styling that will set the dynamic height so all of the weekdays to be displayed within the RadSchedulerRecurrenceEditor container?

The following is the CSS applied to the RadSchedulerRecurrenceEditor control displayed above:
<style type="text/css">
    .RecurrenceEditor .rsAdvPatternPanel
     {
       position:absolute;
       margin-left: 0px !important;
       padding: 0px 0px 0px 0px;
       width: 120px !important;
     }

    .rsAdvWeekly_WeekDays li
     {
          margin-left: 0px;
          width: auto !important;
     }
    </style>

Thank You!

Scheduler

answered on 13 Feb 2013

1 answer

139 views

[Solved] Display minimum n number of record

Hi,

I am binding RadGrid using generic list. I want to display minimum 10 rows of grid even if rows are there or not in database.I have also tried after inserting blank rows in list, it display blank records but also some buttons which i have put there. Please give some suitable idea.

Thanks in advance
Fenil

Grid