Questions on UI for ASP.NET AJAX Forum

1 answer

79 views

Hi,
My client's wishes that when they press save/update button in AdvanceForm it should not shut down the dialog.
Instead, they want a text to be shown that the item is saved.

Is this possible when using AdvancedForm?

<asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">

<div class="rsAdvButtonWrapper">

<asp:LinkButton runat="server" ID="UpdateButton" CssClass="rsAdvEditSave">

<span><%= Owner.Localization.Save %></span>

</asp:LinkButton>

<asp:LinkButton runat="server" ID="CancelButton" CssClass="rsAdvEditCancel" CommandName="Cancel"

CausesValidation="false">

<span><%= Owner.Localization.Cancel %></span>

</asp:LinkButton>

</div>

</asp:Panel>

Scheduler

answered on 06 Nov 2014

2 answers

549 views

Remove Button Boundary

Hello,

I am working on a project with RadButton.
I'm trying to add a style to the button so it looks like a Bootstrap.
I added to it a ContentTemplate and inserted the style inside it.
How can I remove the button’s Boundary/border?

p.s.
I added a div next to it. The Telerik button should look like the div.

CSS:

/*! cut from:

* Bootstrap v3.1.1 (http://getbootstrap.com)

* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

*/

/*bootstram theme:*/

.btn-default,

.btn-primary,

.btn-success,

.btn-info,

.btn-warning,

.btn-danger {

text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);

-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);

box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);

}

.btn-default:active,

.btn-primary:active,

.btn-success:active,

.btn-info:active,

.btn-warning:active,

.btn-danger:active,

.btn-default.active,

.btn-primary.active,

.btn-success.active,

.btn-info.active,

.btn-warning.active,

.btn-danger.active {

-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn:active,

.btn.active {

background-image: none;

}

.btn-primary {

background-repeat: repeat-x;

border-color: #2b669a;

background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);

}

.btn-primary:hover,

.btn-primary:focus {

background-color: #2d6ca2;

background-position: 0 -15px;

}

.btn-primary:active,

.btn-primary.active {

background-color: #2d6ca2;

border-color: #2b669a;

}

/* bootstrap:*/

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

.btn > .caret,

.dropup > .btn > .caret {

border-top-color: #000 !important;

}

.btn {

display: inline-block;

padding: 6px 12px;

margin-bottom: 0;

font-size: 14px;

font-weight: normal;

line-height: 1.42857143;

text-align: center;

white-space: nowrap;

vertical-align: middle;

cursor: pointer;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

background-image: none;

border: 1px solid transparent;

border-radius: 4px;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus {

outline: thin dotted;

outline: 5px auto -webkit-focus-ring-color;

outline-offset: -2px;

}

.btn:hover,

.btn:focus {

color: #333;

text-decoration: none;

}

.btn:active,

.btn.active {

background-image: none;

outline: 0;

-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

}

.btn.disabled,

.btn[disabled],

fieldset[disabled] .btn {

pointer-events: none;

cursor: not-allowed;

filter: alpha(opacity=65);

-webkit-box-shadow: none;

box-shadow: none;

opacity: .65;

}

.btn-primary {

color: #fff;

background: #428bca;

border-color: #357ebd;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

color: #fff;

background: #3276b1;

border-color: #285e8e;

}

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

background-image: none;

}

.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

background: #428bca;

border-color: #357ebd;

}

.btn-primary .badge {

color: #428bca;

background: #fff;

}

btn-primary

.dropdown-toggle:focus {

outline: 0;

}

.btn .caret {

margin-left: 0;

}

.btn .label {

position: relative;

top: -1px;

}

.btn .badge {

position: relative;

top: -1px;

}

.caret {

display: inline-block;

width: 0;

height: 0;

margin-left: 2px;

vertical-align: middle;

border-top: 4px solid;

border-right: 4px solid transparent;

border-left: 4px solid transparent;

}

/*doc style*/

.Grid {

border-bottom:1px solid black;

border-top:1px solid black;

background-color:lightblue;

height:35px;

}

ASPX:

<div id="Grid" class="Grid">

<telerik:RadButton ID="RadButton1" runat="server" Text="RadButton">

<ContentTemplate>

<span class="btn btn-primary">

<asp:Label ID="Label1" runat="server" Text="telerik button"></asp:Label>

</span>

</ContentTemplate>

</telerik:RadButton>

<asp:Literal > </asp:Literal>

<div id="button_Like" class="btn btn-primary">

<asp:Label ID="Label2" runat="server" Text="div like button"></asp:Label>

</div>

Thanks,
Daniel.

Button

answered on 06 Nov 2014

1 answer

78 views

Drag and Drop from KendoGrid to RadScheduler

Hello. I am new to the forum and not sure if I placed this post in the right place. My apologies if not.
I am working on an existing project that utilizes a RadScheduler. I need to add a Grid to the page and the ability to drag and drop from the grid to the Scheduler to create appointments. I cannot change the Scheduler to Kendo.
I know that you can do this from RadGrid to RadScheduler, but am not sure if it is possible from a KendoGrid, which would be my preference. If this is possible and there is an example, please let me know. Thanks in advance.

Scheduler

answered on 06 Nov 2014

1 answer

123 views

Drag and Drop from KendoGrid to RadScheduler

Hello. I am new to the forum. Please excuse if I placed this topic in the wrong place.
I am working on an existing project that has a RadScheduler. I cannot convert to a Kendo Scheduler.
I need to add a grid from which, I can drag and drop onto the Scheduler to create appointments.
I have seen that this is possible to do from a RadGrid to RadScheduler, but I would prefer to use a KendoGrid to RadScheduler.
Is this possible, and if so, are there any resources that would assist me in development?
Thanks in advance.

Scheduler

answered on 06 Nov 2014

2 answers

208 views

GridTextBoxColumnEditor vs TextBoxMaxLength in Multiline mode

Hi,

How can I bind a keyup event on a GridTextBoxColumnEditor.

I tried this, but the keyup event never fired:

RadGrid

<ClientEvents OnBatchEditOpening="onBatchEditOpening" OnBatchEditOpened="onBatchEditOpened"></ClientEvents>

<telerik:GridBoundColumn UniqueName="Comments" ColumnEditorID="GridTextBoxEditComments"

HeaderText="<%$Resources:FsActivityService,Comments%>" DataField="Comments" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Left" AllowFiltering="false" ></

telerik:GridBoundColumn>

<telerik:GridTextBoxColumnEditor ID="GridTextBoxEditComments" runat="server" TextBoxMaxLength="255" TextBoxMode="MultiLine">

<TextBoxStyle Width="100%" />

</telerik:GridTextBoxColumnEditor>

Javascript:

function onBatchEditOpened(sender, args) {

var cell = args.get_cell();

var textArea = cell.getElementsByTagName("textarea")[0];

var textAreaId = textArea.id;

if (cell.style.backgroundColor == "lightgray" || cell.style.backgroundColor == "lightgrey")

textArea.value = "";

$('#' + textAreaId).css('overflow', 'hidden');

$('#' + textAreaId).addClass('textareaComments');

$('#' + textAreaId).unbind('keyup').bind('keyup', function(evt)

{

checkTextAreaMaxLength(textArea, evt, 255);

});

textAreaAdjust(textArea);

}

function textAreaAdjust(o) {

o.style.height = "1px";

o.style.height = (o.scrollHeight)+"px";

}

function checkTextAreaMaxLength(textBox,e, length) {

alert('check length');

}

Thank you

Steeve

Grid

answered on 06 Nov 2014

9 answers

402 views

Problems with merge row in Radgrid

hi
i have code to merge row in radgird :

    
            for (int i = RadGrid1.Items.Count - 2 ; i > 0; i--)  
        
                        {  
        
                            if (RadGrid1.Items[i][RadGrid1.Columns[0]].Text == RadGrid1.Items[i-1][RadGrid1.Columns[0]].Text)  
        
                            {  
        
                                RadGrid1.Items[i-1][RadGrid1.Columns[0]].RowSpan = RadGrid1.Items[i][RadGrid1.Columns[0]].RowSpan < 2 ? 2 : RadGrid1.Items[i][RadGrid1.Columns[0]].RowSpan + 1;  
        
                                RadGrid1.Items[i][RadGrid1.Columns[0]].Visible = false;  
        
                            }  
        
                        }

result:
<img src="http://img403.imageshack.us/img403/8326/65829250.jpg/>
http://img403.imageshack.us/img403/8326/65829250.jpg
cell mergered but lost border...how to draw border cell? help me plz

Grid

answered on 06 Nov 2014

9 answers

179 views

Need to add runtime dropdownbox/combobox as a child node in TreeView

Hi,

I have a requirement where I need to add runtime combobox/dropdownbox as a
child element of every parent node of TreeView control.

Data inside the combobox/dropdownbox will be fetched from Database and it will
be same for all the combobox/dropdownbox control.

Parent Node will be a simple text which also be fetch from the Database...

Kindly let me know how to achieve this functionality.

Regards,
Shailesh

TreeView

answered on 06 Nov 2014

1 answer

90 views

Webservice bound scheduler doesnot persist client side changes

Hi,
I have a web service bound scheduler which is tied to other .NET controls like Radgrid and timer through ajax settings. I have a .net timer that refreshes scheduler and radgrid at an interval of 30 seconds. Scheduler works fine by itself but it looses it's client state after asynchronous post-back by autorefresh.

For instance, my scheduler is in timeline view and on page load it shows current date and time, I click on calender control and select a date for December 15 2014, scheduler is rendered for Dec15 2014. However after timer refresh, scheduler defaults back to today's date and time.

Is it possible to persist client side changes on Radscheduler ?

Thanks,
Prava

Scheduler

answered on 06 Nov 2014

7 answers

140 views

editing functionality for the grid inside onother grid

Hi Team,

I have a grid which is having some rows in it. When I expand each row three tabs needs to show.
when I click on the each tab needs to display another grid.
I need to implement the batch editing functionality for that grid.

How to achieve this functionality.

Aspx file:

<telerik:RadGrid ID="LoadingRadGrid" OnItemDataBound="LoadingRadGridFormat_OnItemDataBound"
                            runat="server" AutoGenerateColumns="false" CssClass="TransferGridPanel" Height="375px"
                            Width="500px" OnNeedDataSource="LoadingRadGrid_NeedDataSource"
                             OnUpdateCommand="LoadingRadGrid_UpdateCommand" OnBatchEditCommand="LoadingRadGrid_BatchEditCommand" OnInsertCommand="LoadingRadGrid_InsertCommand"
                             OnItemCommand="LoadingRadGrid_ItemCommand" OnSelectedIndexChanged="LoadingRadGrid_SelectedIndexChanged" OnCancelCommand="LoadingRadGrid_CancelCommand"
                             AllowAutomaticInserts="false" AllowAutomaticUpdates="false" AllowAutomaticDeletes="false">
                            <MasterTableView ShowHeadersWhenNoRecords="true" CommandItemDisplay="Top" EditMode="Batch" DataKeyNames="Loading_ID">
                                <CommandItemSettings ShowRefreshButton="false" AddNewRecordText="Add NewLoad" />
                            <BatchEditingSettings EditType="Cell" />
                                <NestedViewTemplate>

                                    <telerik:RadTabStrip runat="server" ID="LoadTabStip" MultiPageID="LoadMultipage" ClickSelectedTab="True"
                                        SelectedIndex="0" OnTabClick="LoadTabStip_TabClick" Orientation="HorizontalTop">
                                        <Tabs runat="server">
                                            <telerik:RadTab runat="server" Text="Details" PageViewID="RadPageViewDetails">
                                            </telerik:RadTab>
                                            <telerik:RadTab runat="server" Text="Compartments" PageViewID="RadPageViewCompartments">
                                            </telerik:RadTab>
                                            <telerik:RadTab runat="server" Text="Products" PageViewID="RadPageViewProducts">
                                            </telerik:RadTab>
                                        </Tabs>
                                    </telerik:RadTabStrip>
                                    <telerik:RadMultiPage runat="server" ID="LoadMultipage" SelectedIndex="0" RenderSelectedPageOnly="false">

                                        <telerik:RadPageView runat="server" ID="RadPageViewDetails">

                                            <div class="contactWrap">
                                                <table cellpadding="0" cellspacing="0">
                                                    <tr>
                                                       <td><asp:Label ID="lbl_TerminalId" runat="server" Text='Terminal Id:' Font-Bold="true"></asp:Label></td>
                                                       <td><asp:Label ID="lbl_TerminalIdValue" runat="server"></asp:Label> </td>
                                                    </tr>
                                                    <tr>
                                                        <td><asp:Label ID="lbl_TerminalName" runat="server" Text='TerminalName:' Font-Bold="true"></asp:Label></td>
                                                        <td><asp:Label ID="lbl_TerminalNameValue" runat="server"></asp:Label> </td>

                                                    </tr>
                                                </table>
                                            </div>
                                        </telerik:RadPageView>
                                        <telerik:RadPageView runat="server" ID="RadPageViewCompartments">

                                            <telerik:RadGrid ID="CompartmentLevelLoadRadGrid" runat="server" AutoGenerateColumns="false" CssClass="TransferGridPanel"
                                                Height="233px" Width="475px" OnItemDataBound="CompartmentLevelLoadRadGrid_ItemDataBound"
                                                OnUpdateCommand="CompartmentLevelLoadRadGrid_UpdateCommand" OnBatchEditCommand="CompartmentLevelLoadRadGrid_BatchEditCommand" OnInsertCommand="CompartmentLevelLoadRadGrid_InsertCommand">
                                                <MasterTableView ShowHeadersWhenNoRecords="true" CommandItemDisplay="Top" EditMode="Batch">
                                                     <CommandItemSettings ShowRefreshButton="false" AddNewRecordText="Add Line Item"/>
                                                     <BatchEditingSettings EditType="Cell" />
                                                    <Columns>

                                                        <telerik:GridBoundColumn UniqueName="CompNo" DataField="CompartmentIndex" HeaderText="Comp No." ReadOnly="true">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PriorToLoad" DataField="PTL" HeaderText="PriorTo Load">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadProd" DataField="PlannedProductName" HeaderText="Planned Product" ReadOnly="true">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadProd" DataField="ActualProductName" HeaderText="Actual Product" >
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadQty" DataField="PlannedQuantity" HeaderText="Planned Quantity" ReadOnly="true">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadQty" DataField="ActualQuantity" HeaderText="Actual Quantity">
                                                        </telerik:GridBoundColumn>
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>

                                        </telerik:RadPageView>
                                        <telerik:RadPageView runat="server" ID="RadPageViewProducts">

                                            <telerik:RadGrid ID="ProductLevelLoadRadGrid" runat="server" AutoGenerateColumns="false" CssClass="TransferGridPanel"
                                                Height="233px" Width="475px" OnItemDataBound="ProductLevelLoadRadGrid_ItemDataBound" >
                                                <MasterTableView ShowHeadersWhenNoRecords="true">
                                                    <Columns>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadProd" DataField="PlannedProductName" HeaderText="Planned Product" Visible="false">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadProd" DataField="ActualProductName" HeaderText="Product">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PriorToLoadQty" DataField="PTL" HeaderText="PriorTo Load">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="PlannedLoadQty" DataField="PlannedQuantity" HeaderText="Planned Quantity">
                                                        </telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn UniqueName="ActualLoadQty" DataField="ActualQuantity" HeaderText="Actual Quantity">
                                                        </telerik:GridBoundColumn>
                                                    </Columns>
                                                </MasterTableView>
                                            </telerik:RadGrid>

                                        </telerik:RadPageView>
                                    </telerik:RadMultiPage>

                                </NestedViewTemplate>

                                <Columns>
                                    <telerik:GridBoundColumn UniqueName="LoadId" DataField="Loading_ID" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="TerminalId" DataField="Plant_ID">
                                        <ColumnValidationSettings EnableRequiredFieldValidation="true">
                                            <RequiredFieldValidator ForeColor="Red" Text="Plant_ID is required" Display="Dynamic">
                                            </RequiredFieldValidator>
                                        </ColumnValidationSettings>
                                    </telerik:GridBoundColumn>

                                    <telerik:GridBoundColumn UniqueName="TerminalName" DataField="TerminalName" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="LoadingStartTime" DataField="LoadingStartTime" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn UniqueName="LoadingEndTime" DataField="LoadingEndTime" ReadOnly="true">
                                    </telerik:GridBoundColumn>
                                </Columns>
                            </MasterTableView>
                            <ClientSettings>
                                <Scrolling AllowScroll="true" />
                            </ClientSettings>
                        </telerik:RadGrid>

Grid

answered on 06 Nov 2014

0 answers

182 views

the remote server returned an error: (407) Proxy Authentication Required

Hi All,

I'm Using Sitefinity 7.0, I'm trying to Creating Custom Module with help of Sitefinity Thunder,

while Build the solution it's getting "the remote server returned an error: (407) Proxy Authentication Required" Error.

I Added Default Proxy UseDefaultCredentials True, But no Luck , Please Help Me how to solve this issue

Thanks,
Ajay

General Discussions

asked on 06 Nov 2014