Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
664 views

I have a need for my image to be 100% width of the screen, and the height auto adjust based on the width.

I've got it working as desired using the below, the image height adjust with the width for different window sizes.
But, the animations don't work, the image simply disappears.  If I don't have the .rigItemBox class as shown below, the animations do work, but the image doesn't resize as desired.

Any Suggestions?

<form id="form1" runat="server">
           <style type="text/css">
            html, body, form {
             margin: 0px !important;
        }
            /*Resize of the Image works as desired when the browser window is resized, but it breaks Animations, the image disappears*/
        .rigItemBox {
            height: 100% !important;
            width: 100% !important;
        }
        .RadImageGallery {
            background-color: transparent !important;
        }
        .rigToolbar {
            display: none;
        }       
        .rigActiveImage img {
             padding: 0px !important;
             width: 100% !important;
        }
               
        </style>
         <script type="text/javascript"> // Auto start the main carousel/slideshow
            function pageLoad() {
                $find('<%=RadImageGallery1.ClientID%>').playSlideshow();
            }
        </script>
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <div>A div with some text above our Image Gallery</div>
         <telerik:RadImageGallery ID="RadImageGallery1" runat="server" LoopItems="True"  Width="100%"
            ToolTip="Click to View All Featured Products/Projects" AppendDataBoundItems="True" ImagesFolderPath="~/Images/Projects/">
            <ThumbnailsAreaSettings Mode="ImageSlider" />
            <ImageAreaSettings Width="100%" ResizeMode="Fit" ShowDescriptionBox="false" />
            <ToolbarSettings Position="None" />
            <ClientSettings>                              
                <AnimationSettings SlideshowSlideDuration="3000">
                    <NextImagesAnimation Speed="1500" Type="Fade" />
                    <PrevImagesAnimation Speed="1500" Type="Fade" />
                </AnimationSettings>
            </ClientSettings>
        </telerik:RadImageGallery>
        <div>A div with some text below our Image Gallery</div>       
    </form>

Vessy
Telerik team
 answered on 12 Sep 2018
10 answers
2.0K+ views
Hai,

          Can anyone pls tell me how to get the Datakeynames in Item DataBound Event?Whether i need to give the DataKeyNames in Rad Grid or in Master Table View? Pls Reply as soon as Possible
Kiranmayee
Top achievements
Rank 1
 answered on 11 Sep 2018
3 answers
229 views

I have a radgrid with an ASCX in edit mode I cancel the default operation, to pass some initial values to the control. But the ASCX appears in the first fial as if it were in insert.

else if (e.CommandName == "Edit")
        {
            GridEditableItem item = (GridEditableItem)e.Item;
 
            e.Item.OwnerTableView.ClearEditItems();
            e.Canceled = true;
 
            System.Collections.Specialized.ListDictionary newValues = new System.Collections.Specialized.ListDictionary();
            newValues["IdHotel"] = VALUE
            newValues["IdPaqueteHotelDetalle"] = VALUE
 
            e.Item.OwnerTableView.InsertItem(newValues);
            e.Item.OwnerTableView.IsItemInserted = false;
            e.Item.OwnerTableView.EditFormSettings.UserControlName = "Controles/PaqueteHotelDetalle.ascx";
        }
Tsvetomir
Telerik team
 answered on 11 Sep 2018
3 answers
469 views
Hi,
When using the new RadClientExportManager feature to export an entire HTML page to PDF, is it possible to add headers and footers to each page of the resulting PDF file (like for a title or for page numbers) when the resulting file is multiple pages?

Thanks.
Tanya
Telerik team
 answered on 11 Sep 2018
13 answers
492 views
hi
i used usercontrol as editformsetting
like this:
    <EditFormSettings UserControlName="~/UserControls/Permission.ascx" EditFormType="WebUserControl">
                    <EditColumn UniqueName="EditCommandColumn1">
                    </EditColumn>
                </EditFormSettings>
i have textbox and treeview in usercontrol
i want when i click "Edit" in row fill textbox and treeview with datakeyname in grid
how can i do these?
thanks
Kiranmayee
Top achievements
Rank 1
 answered on 11 Sep 2018
0 answers
173 views

Hi  everyone,

I have implemented the RadProgressArea in my ASP.NET WebForms Sharepoint web application in which i am parsing an excel file and ingesting each excel row into my system and try to use the RadProgressArea to track the progress of the import process. for that I'am using a RadAsyncUpload to upload the excel file and an 'Import' Botton to process the selected file and ingest it into the system.

 

The problem I am facing here, is that each time after restarting the web server IIS and click the import botton the RadProgressArea is not displayed and the page is on loading mode until the file import processing is finished. Then the RadProgressArea start to be shown  without any problem for further import click.

I need to know why the RadProgressArea  is not displayed for the first time when my IIS is restared and start to work fine later on and what could be the possible solution for my probelm.

Here the configuration I m using in my both Dev and Integration environments :

In side  </system.webServer>

<p><handlers>    </p><p><add name="Telerik.Web.UI.WebResource" path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2016.3.1027.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4" /><br>      <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.axd" verb="*" type="Telerik.Web.UI.DialogHandler, Telerik.Web.UI, Version=2016.3.1027.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4" /><br>      <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler, Telerik.Web.UI, Version=2016.3.1027.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4" verb="*" preCondition="integratedMode" /><br>      <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler, Telerik.Web.UI, Version=2016.3.1027.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4" verb="*" preCondition="integratedMode" /><br>      <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler, Telerik.Web.UI, Version=2016.3.1027.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4" verb="*" preCondition="integratedMode" /><br>   </handlers></p>

 

And add location to my web config like that :

<location path="Telerik.RadUploadProgressHandler.ashx"><br>    <system.web><br>      <authorization><br>        <allow users="*" /><br>      </authorization><br>    </system.web><br>  </location><br>  <location path="WebResource.axd"><br>    <system.web><br>      <authorization><br>        <allow users="*" /><br>      </authorization><br>    </system.web><br>  </location>

In my aspx page i am using the RadProgressArea as :

<p><span id="pnlActions" runat="server"><br><telerik:RadButton ID="btnImport" Text="Import" OnClick="btnImport_Click" OnClientClicked="function(button, args){hideRadBtn();return true;}"<br> runat="server" Skin="Web20" RenderMode="Lightweight"><br><Icon PrimaryIconCssClass="rbDownload2" PrimaryIconLeft="4" PrimaryIconTop="2"></Icon><br>                                        </telerik:RadButton><br><br><telerik:RadButton ID="btnNew" Text="New import" OnClick="btnNew_Click" Visible="false"<br> runat="server" Skin="Web20" RenderMode="Lightweight"><br><Icon PrimaryIconCssClass="rbAdd2" PrimaryIconLeft="4" PrimaryIconTop="2"></Icon><br></telerik:RadButton><br><br><telerik:RadProgressManager ID="RadProgressManager1" runat="server" /><br><telerik:radprogressarea id="RadProgressArea1" runat="server" style="text-align: center" DisplayCancelButton="False"<br>progressindicators="FilesCountBar,<br>FilesCount,<br>FilesCountPercent,<br>SelectedFilesCount,<br>CurrentFileName,<br>TimeElapsed,<br>TimeEstimated"><br></telerik:radprogressarea><br></span></p><p></p>

 

Thanks a lot for your support

Youness

Youness
Top achievements
Rank 1
 asked on 11 Sep 2018
2 answers
181 views

<tlk:RadAutoCompleteBox runat="server" ID="cmb_numDep" EmptyMessage="Taper ..."

     InputType="Text"Width="298px"TextSettings-SelectionMode="Single"  AutoPostBack="True"

     EnableClientFiltering="true"DropDownHeight="150"></tlk:RadAutoCompleteBox>

The AutoPostBack does’t work !! I want to keep clientFiltring enabled and launch postback when selecting value !

Is their a way to do it without using JavaScript ?

Peter Milchev
Telerik team
 answered on 11 Sep 2018
8 answers
439 views
Hello
I have a RadGrid and have enabled drag and drop but see it drags the whole row, what i am after is making 2 columns draggable within one row...is this possible? or can you only drag the whole row?
I have tried looking but couldnt find anything to help, so if anyone could point me at a demo or just let me know if it can be done that would be fantastic.
many thanks
Caroline
Eyup
Telerik team
 answered on 11 Sep 2018
5 answers
673 views

It is possible to set the height and width of the QR Code in pixels?. Already set de DotSize in 0, but the result image always has 53x53px.

 

 

Marin Bratanov
Telerik team
 answered on 10 Sep 2018
3 answers
1.5K+ views
I have a grid template column as such

<telerik:GridTemplateColumn HeaderText="Don't Export" HeaderStyle-Width="40px" DataField="exportCheck"
                SortExpression="exportCheck" UniqueName="exportCheck">
                    <ItemStyle Width="40px" />
                    <ItemTemplate>
                        <asp:CheckBox ID="printCheck" runat="server" AutoPostBack="false" OnCheckedChanged="printCheckChanged" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>


I am then editing the checkboxes in the code behind to dynamically set them to checked or not

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridItemEventArgs) Handles RadGrid1.ItemDataBound
 
        If TypeOf e.Item Is GridDataItem Then
 
            'get the row item
            Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)
 
            'check to see if we need to check the box
            Dim export = DirectCast(item("export").Text, String)
 
            'get the checkbox
            Dim check As CheckBox = DirectCast(item("exportCheck").Controls(1), CheckBox)
 
            'if we need to check the box then we will get it and check it
            If (export = "no") Then
 
                check.Checked = True
 
            End If 'if export
 
        End If 'if e.item
         
    End Sub 'itemDataBound

What I need to do is add the oncheckchanged event. Essentially, when a user either checks a box, or unchecks a box, I need to update a database and then show a tool tip telling them it was successful. I tried doing this programmatically, and adding it in the aspx but I can't get anything to work. Can you help me out?
Tsvetomir
Telerik team
 answered on 10 Sep 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?