Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
259 views
Hi, All.

I want to merge some item in grid

Not Header But Item

Can I do this in grid?

Count Name
5 name1
name2
name3
name4
name5
4 name1
name2
name3
name4


God regards you
Eyup
Telerik team
 answered on 15 Apr 2016
6 answers
604 views

I have a question about the rows/columns. I am new to using this control. Shouldn't the columns wrap to the next row automatically at 12 columns?

For example:

I want something like the following in the medium layout. Currently the XL, LG, SM and XS look exactly the way I want them. It is just the medium that I have issues with.

Name: TEXTBOX

Allergies: TEXTBOX

 

Here is the code:

                                        <telerik:LayoutRow>
                                            <Columns>
                                                <telerik:LayoutColumn Span="1" SpanMd="2" SpanSm="12" SpanXs="12">
                                                    Name:
                                                </telerik:LayoutColumn>
                                                <telerik:LayoutColumn Span="4" SpanMd="10" SpanSm="12" SpanXs="12">
                                                    <asp:Textbox runat="server" ID="txtName" Width="90%" ReadOnly="true" />
                                                </telerik:LayoutColumn>
                                                <telerik:LayoutColumn Span="1" SpanMd="2" SpanSm="12" SpanXs="12">
                                                    Allergies:
                                                </telerik:LayoutColumn>
                                                <telerik:LayoutColumn Span="6" SpanMd="10" SpanSm="12" SpanXs="12">
                                                    <asp:TextBox runat="server" ID="txtAllergies" Width="90%" ReadOnly="true" />
                                                </telerik:LayoutColumn>
                                            </Columns>
                                        </telerik:LayoutRow>

 

I am getting something that looks like the following:

Name: TEXTBOX
           Allergies:

TEXTBOX

 

I just cannot figure out how to get those side by side in the XL & LG but on 2 separate rows in the MD. Thanks for any help!

DogBizPro
Top achievements
Rank 1
 answered on 15 Apr 2016
1 answer
114 views

Hi;

I have several pages that have a .NET UpdatePanel within which is a RadTabStrip controlling a .NET MultiView control via the OnTabClick event.  The behaviour we were seeing was that after clicking the RadTabStrip and having the MultiView change views, most controls on the page because unresponsive.  Clicking on a "blank" space within the page would then allow the controls to respond.  The most obvious case was a dropdownlist that, when clicked, would get focus but not actually drop down to display its items.  If we clicked on a non-control area of the screen then clicked back on the dropdownlist, it would then drop down and display its items.

I did a number of experiments, including changing the MultiView over to a Telerik MultiPage control.  If I did this and set the MultiPageID in the RadTabStrip and removed the firing of the OnTabClick event, the problem behaviour would not occur.  But we need the OnTabClick event to initialize controls within Views/Pages.

If I removed the top-level UpdatePanel containing the RadTabStrip and the MultiView, the problem would not occur.  However, then we would have an undesirable full postback.

If I put an UpdatePanel around the MultiView and set the RadTabStrip as an AsyncPostBackTrigger, the problem still occurred.  If I changed the trigger to a PostBackTrigger, the problem did not occur but again we'd have the undesirable postback page "flash".

I found that one page we had did not experience this issue.  The difference was that all controls on the page (except for a RadWindowManager, which was declared before the UpdatePanel on all pages concerned) were contained in the ContentTemplate of this "top-level" UpdatePanel.  The problem pages had divs containing controls and additional UpdatePanels declared after/outside of the first "top-level" UpdatePanel.

Moving these divs/controls/update panels inside the top-level update panel eliminated the error.  After clicking the RadTabStrip and having the MultiViewchange views, the page controls responded to input.  For example, the dropdownlist described above correctly dropped-down and displayed its items when clicked.

Any ideas what exactly is going on with this?  As far as I can tell, I'm able to move everything into the top-level update panel without breaking my pages, but I still don't know exactly WHY that solution works.  I can't easily post a code example since there's a lot going on in these pages.  If necessary I can try to create a sample project that reproduces the issue.

Veselin Tsvetanov
Telerik team
 answered on 15 Apr 2016
6 answers
193 views
I have the menu built into a header on my application.  I am using the new Glow skin and I would like to remove the border around the menu.  What style do I need to override to remove that border?
Clive Hoggar
Top achievements
Rank 1
 answered on 15 Apr 2016
5 answers
424 views

We're experiencing intermittent issues with RadAsyncUpload getting stuck on the yellow progress meter and never finishing the upload of a file. It's also causing IE to crash when this happens. 

 

I found this bug report that claims an issue with IE has been resolves, but we are still experiencing the issue. 

 

https://connect.microsoft.com/IE/feedback/details/819941/file-upload-stop-working-on-ie-with-windows-authentication

 

We're currently using Telerik_UI_for_ASP.NET_AJAX_2015_1_225_Dev_hotfix​

Dimitar
Telerik team
 answered on 15 Apr 2016
9 answers
345 views

Telerik version - 2016.1.225.45

I am trying to present a slideshow with images (and videos) bound from the DB (varbinary). This has worked in the past using RadRotator, however this control is not responsive (feel free to correct me if that is wrong). That said, I found a nice RadImageGallery demo (https://demos.telerik.com/) but I would like to load the items server-side (via OnItemDataBound). Here is my relevant code:

 

aspx
<telerik:RadCodeBlock runat="server">
        <script type="text/javascript">
            function onImageGalleryCreated(sender, args) {
                sender.get_imageArea().get_element().style.height = sender.get_element().clientHeight - parseInt(sender.get_thumbnailsArea().get_element().style.height, 10) + "px";
            }
        </script>
    </telerik:RadCodeBlock>
<telerik:RadImageGallery ID="PresentationView_RadImageGallery" Height="100%" runat="server"
OnItemDataBound="PresentationView_RadImageGallery_ItemDataBound" 
OnNeedDataSource="PresentationView_RadImageGallery_NeedDataSource">
<Items>
<telerik:ImageGalleryTemplateItem>
<ContentTemplate>
<telerik:RadBinaryImage ID="binaryFullContent" CssClass="itemTemplate" SavedImageName='<%#Eval("ID") %>' runat="server"/>
</ContentTemplate>
</telerik:ImageGalleryTemplateItem>
</Items>
<ClientSettings>
<ClientEvents OnImageGalleryCreated="onImageGalleryCreated" />
</ClientSettings>
</telerik:RadImageGallery>

aspx.cs
protected void PresentationView_RadImageGallery_NeedDataSource(object sender, ImageGalleryNeedDataSourceEventArgs e) {
PresentationView_RadImageGallery.DataSource = GetPresentationSlideList();
}
protected void PresentationView_RadImageGallery_ItemDataBound(object sender, ImageGalleryItemEventArgs e) {
if (e.Item is ImageGalleryItem) {
RadBinaryImage img = (RadBinaryImage)PresentationView_RadImageGallery.FindControl("binaryFullContent");
// img is null
}
}

 

Kostadin
Telerik team
 answered on 15 Apr 2016
9 answers
282 views

 

I may be wrong in how to manually save data here, as I'm learning how to work with a Batch grid. If so, please correct me...

I have a RadGrid in Batch mode. When the user has made all changes to the header textboxes at the top of the form, and the detail values in the RadGrid below them, the user needs to click a general Save button to save all the data to the DB. (I'm hiding the "Save changes" button in the grid.)

When the Save button is clicked, I execute this javascript...

function SavePO() {
    var grd = GetControlRAD("grdPODetails");
    grd.get_batchEditingManager().saveChanges(grd.get_masterTableView());
}

 

As I understand it, that does nothing to the underlying data. Instead, it calls the server-side grdPODetails_BatchEditCommand, at which point I manually update the data. In there, I'm updating the dataset that was initially loaded onto the page behind the scenes...

Protected Sub grdPODetails_BatchEditCommand(sender As Object, e As Telerik.Web.UI.GridBatchEditingEventArgs) Handles grdPODetails.BatchEditCommand
    Try
        For Each command As GridBatchEditingCommand In e.Commands
            Select Case command.Type
                ' Code to delete, insert, or update each row of underlying dataset from HashTables
            End Select
        Next
        ' If no errors, also update header data from controls, then save it all to the DB
    Catch ex as Exception
        ' TODO - What do I do here?
    End Try
End Sub

 

As you can see from my TODO, I'm unsure what to do if there's an error. Do I to put "e.Canceled = True", and if so, what does it do? Also, how can I tell the user what the error (ex.Message) is without a postback? (Or does this auto postback?) Assuming it doesn't postback, the best I can determine is to have a control on the form to write the error to in red font, but management doesn't like that idea. They'd rather I pop up an alert, but not sure that's possible.

Any suggestions? And am I going about this the right way to manually save the data?

 

Viktor Tachev
Telerik team
 answered on 15 Apr 2016
4 answers
139 views
Hello everyone.
I would like to know: what is the parameter Dictionary<string, object> context received by every FilterCheckListWebServiceMethod in this demo: http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/basic-filtering/defaultcs.aspx

Thanks in advance.

Regards.
Maria Ilieva
Telerik team
 answered on 15 Apr 2016
2 answers
314 views

Hi,

 

Do you have a signature control available in telerik?

If not signature, any control like a free form painting control to capture user mouse movements?

 

Thanks

Vessy
Telerik team
 answered on 15 Apr 2016
1 answer
114 views

Greetings!

I'm having an issue with a RadGrid using an EditFormTemplate; whenever I click my edit button on an item of this rad grid, the item goes into edit mode fine and my controls appear below them item. However, when the CSS for the row being in edit mode gets applied, it adds some peculiar artifacts to my grid. I get a blue line about 15 lines of text from the top of the item being edited. It's worth pointing out that the varchars being exposed by this grid are very large, which might have something to do with the issue; it only occurs when modifying an exceptionally long list of codes.

Please find attached screenshots of the problem behavior.

Screenshots include a before and after [edit button clicked] of the item in question, and the behavior exhibited.

It sort of hangs there, strangely in the middle of the original radgrid item. These elements don't appear to be actual controls; they seem to be part of a repeating background being applied by the CSS for an edit form item.

Here's my markup for the grid in question:

<telerik:RadGrid ID="rgCrosswalkView" AutoGenerateColumns="false" runat="server">                                       
    <MasterTableView DataKeyNames="CrosswalkID, CrosswalkGroupID, CPTs, ICDs">
        <CommandItemTemplate>
            <div class="row">
                <div class="col-sm-12">
                    <asp:LinkButton runat="server" ID="btAddCrosswalkGroup" CssClass="btn btn-sm btn-primary" CommandName="InitInsert" Style="color: white;">
                        <i class="glyphicon glyphicon-plus-sign"></i>Add Crosswalk Group
                    </asp:LinkButton>
                </div>
            </div>
        </CommandItemTemplate>
        <Columns>
            <telerik:GridBoundColumn HeaderText="CPTs" DataField="CPTs" ItemStyle-VerticalAlign="Top" HeaderStyle-Width="25%"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn HeaderText="ICDs" DataField="ICDs" ItemStyle-VerticalAlign="Top" HeaderStyle-Width="55%"></telerik:GridBoundColumn>
            <telerik:GridCheckBoxColumn ReadOnly="true" HeaderText="ICD10?" DataField="IsICD10" ItemStyle-VerticalAlign="Top"></telerik:GridCheckBoxColumn>
            <telerik:GridTemplateColumn ItemStyle-VerticalAlign="Top">
                <ItemTemplate>
                    <asp:LinkButton runat="server" ID="btEditCrosswalkPairs" CommandName="Edit">
                        <i class="glyphicon glyphicon-pencil"></i>
                    </asp:LinkButton>   
                </ItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn ItemStyle-VerticalAlign="Top">
                <ItemTemplate>
                    <asp:LinkButton ID="btRemoveCrosswalkPairs" runat="server" CommandName="Delete" OnClientClick="return confirm('Really delete this crosswalk group?');" CssClass="btn btn-sm btn-default"><i class="glyphicon glyphicon-remove-circle"></i></asp:LinkButton>
                </ItemTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
        <EditFormSettings EditFormType="Template">                               
            <FormTemplate>
                <div class="row">
                    <div class="col-sm-3">
                        CPTs:<asp:Textbox ID="tbCPT" runat="server" TextMode="MultiLine" Rows="20" style="resize: none;" Width="100%"></asp:Textbox><br />
                    </div>
                    <div class="col-sm-9">                                                               
                        ICDs:<asp:TextBox ID="tbICD" runat="server" TextMode="MultiLine" Rows="20" style="resize: none;" Width="100%"></asp:TextBox><br />
                        <asp:CheckBox ID="cbICD10" runat="server" Checked="true" Text="ICD10?" />
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-2">
                        <asp:LinkButton CssClass="btn btn-xs btn-primary" ID="btUpdateGroup" CommandName="Update" runat="server" Text="Update"></asp:LinkButton>
                        <asp:LinkButton CssClass="btn btn-xs btn-primary" ID="btInsertGroup" CommandName="PerformInsert" runat="server" Text="Insert"></asp:LinkButton>                                                               
                    </div>
                    <div class="col-sm-2">
                        <asp:LinkButton CssClass="btn btn-xs btn-default" ID="btCancelGroup" CommandName="Cancel" runat="server" Text="Cancel"></asp:LinkButton>
                    </div>
                    <div class="col-sm-8">
                          
                    </div>
                </div
            </FormTemplate>
        </EditFormSettings>
    </MasterTableView>
</telerik:RadGrid>

And here is the CSS which appears to be giving me trouble, pulled from dev console. The offending line is commented out. Disabling that attribute makes the coloration of the edit form item go back to default, but removes the garbage repeating x.

.rgEditRow {
    /* background: rgba(205,205,205,0.75) 0 -4900px repeat-x url('WebResource.axd?d=ifcjPV8aj2vMt9az-6wWmwZqcD65tft-V-aE6ooNIutn9jwr_s82sxYh…9mFxF_3cAUoYtM8o9U5-M7wLDeK47M_h5TDjLXEugyZbr0sNXz01&t=635932205533629626'); */
    color: #000;
}

I can probably override it by "cancelling" the class in some way, but would honestly prefer it perform the coloration as it intends to, without the garbage.

Any assistance would be appreciated.

Kostadin
Telerik team
 answered on 15 Apr 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?