Questions on UI for ASP.NET AJAX Forum

3 answers

108 views

Currently, We are using ‘telerik:RadUpload’control to browse file from network location. ‘telerik:RadUpload’ is not allowed to browse FTP site using IE; however we can browse FTP site using Firefox and Chrome browser.

How can we upload/download file from FTP site using IE browser??

Upload (Obsolete)

answered on 01 Jul 2015

3 answers

279 views

Radasyncupload Targetfolder problem

Hi everybody,

I want to store uploaded files into Different drive (suppose E:drive) and want to specify upload file in web config file.

How to refer in the code block.

protected void RadAsyncUpload1_FileUploaded(object sender, FileUploadedEventArgs e)
{
   List<ListItem> files = new List<ListItem>();
int counter = 1;
var file = e.File;
   string targetFolder = AsyncUpload1.TargetFolder;
string targetFileName = System.IO.Path.Combine(targetFolder,
file.GetNameWithoutExtension() + counter.ToString() + file.GetExtension());
while (System.IO.File.Exists(targetFileName))
{
counter++;
targetFileName = System.IO.Path.Combine(targetFolder,
file.GetNameWithoutExtension() + counter.ToString() + file.GetExtension());

}

file.SaveAs(targetFileName);

}

where should i specify the appsetting string? THanks in advance

AsyncUpload

answered on 01 Jul 2015

3 answers

103 views

EnableVirtualScrolling for Combobox always jumping up

Hi,

I gave Items per request as 50 records. So 1st time you scroll the list has 50 Records,2nd time you scroll the list has 100 records and 3rd time you scroll the list has 150 records ..etc. I have total 4050 records are available.

But here problem is it starting at the beginning of the list instead of the next displayed records. i.e. when you scroll till the end and it loads next 50 records and jumps to first item of total loaded list instead pointing to the 51 record.

So how to start scroll from the next loaded list . i.e. 1st time you scroll will be at the start 1 Record, 2nd time scroll will be at the start of 51 record etc...

ComboBox

answered on 01 Jul 2015

3 answers

563 views

Get all the items in RadGrid Gouping client side

Hi,
The following code can be used to get all the items in RadGrid [client side].

var masterTable = $find("<%= Radgrid1.ClientID %>").get_masterTableView();

var rows = masterTable.get_dataItems();

How can I get / traverse all the items in a grouping in RadGrid? [client side].

Thanks for your help.
http://www.megasearches.com/

Grid

answered on 01 Jul 2015

1 answer

181 views

Minimize a column?

Sorry I wasn't in web development for years... so this mobile design trend is completely new to me.

Anyways, supposed I want to go with a 3 column design. I want to be able to "minimize" the left column in XS or SM mode (so that I can make the column reappear by either clicking a tiny column, or swipe from the left bezel to screen. Is this possible?

PageLayout

answered on 01 Jul 2015

4 answers

261 views

Find Control in template column client-side

Hi,

I'm converting a Radgrid to a TreeList (user wants to be able to expand/collapse) and I just discovered that the TreeList doesn't use the DataKeyNames the same way the RadGrid does. (I want to access some properties that are part of the query, but not shown in the TreeList).

I also discovered that the ClientDataKeyNames does work, so now I'm faced with converting some server-side code to client-side code.
But I can't get it to work.

On server-side I had this in the ItemDataBound event: (this was for the RadGrid)

If (e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("OPLEIDING_GEBIED_NIVEAU") > 0) Then

CType(dataBoundItem.FindControl("chkIsBeroepsdeel"), CheckBox).Visible = False

End If

I've been trying to convert this to client-side code using the ItemCreated event:

function ItemCreated(sender, eventArgs) {

var item = eventArgs.get_item();

if (item.get_dataKeyValue("OPLEIDING_GEBIED_NIVEAU") > 0) {

item.findControl("chkDoorrekenen").style.display = 'none';

}

but this gives me an error message:

JavaScript runtime error: Object doesn't support property or method 'findControl'

How can I do this client side?

Cheers,
CJ

TreeList

answered on 01 Jul 2015

5 answers

178 views

Flickering while page load

Hello Telerik,

I am using ASP.Net Ajax Ribbon Bar control.

I am facing problem of flickering ribbon bar while refreshing.

My page completely loads in approximately 1 sec. Until the page is fully loaded, the Ribbon bar is partially created as attached image (on_page_loading.png).

And once the page is loaded, ribbon bar is completely created as attached image(after_page_load.png)

This happens at the time of page refresh as well as page postback.

I want ribbon bar to be created at once or at least appear only after it is completely created.

Please advise.

RibbonBar

answered on 01 Jul 2015

18 answers

139 views

UI Issues in a SharePoint 2013 WCM scenario

Hi,

I'm using a subclassed RadHtmlField field control on page layouts in a SharePoint 2013 environment to include the editor. Most of what I need works except for the following:

1. When I toggle to the full screen mode, selecting the 'Insert Link' option opens up the 'Select an Asset' SharePoint dialog. This all works fine, but when a selection is made & the dialog closes, the underlying RadEditor goes back to normal mode with the toggle full screen button depressed. This causes the page to sort of freeze until the full screen toggle button is raised again.

2. I add content such as this:

<div>

<div class="tile tile-image-top-left">

<div data-collapse="mobile" data-collapse-default="close">

<button data-collapse="control" data-desktop="exclude">Top Left</button>

<div data-collapse="content">

<div class="tile-image">

<img alt="Top Left" src="images/icon-tile-dummy-image.png" />

</div>

<div class="tile-title tile-title-background">

<p>Top Left</p>

</div>

<div class="tile-description">

<p

>This demonstrates how a tile can be used for diplaying an image on the top left of the container. Any text around the tile image will wrap around the image associated with the tile.</

p>

<p>Additionally, the tile can contain HTML content including hyperlinks and other images if required.</p>

<p><ul><li><a href="#">Browse to website 1</a></li></ul></p>

</div>

But the editor removes the <button> element.

Here are the contents of the files that you might find useful:

Sub-classed class

public class CustomRadHtmlField : Telerik.SharePoint.FieldEditor.RadHtmlField

    {

        #region Protected Methods

        protected override void OnLoad(EventArgs e)

        {

            base.OnLoad(e);

            ConfigureRadHtmlField();

        }

        protected override bool AllowFirstFocus { get { return false; } }

        #endregion

        #region Internal Methods

        internal static void ConfigureRadEditorControl(ref SPRadEditor editor)

        {

            editor.ConfigFile = "/_layouts/15/divportals/telerik/configfile.xml";

            editor.ToolsFile = "/_layouts/15/divportals/telerik/toolsfile.xml";

            editor.EnsureToolsFileLoaded();

            editor.ContentAreaMode = EditorContentAreaMode.Iframe;

            editor.EnableFilter(EditorFilters.ConvertTags );

            editor.DisableFilter(EditorFilters.EncodeScripts | EditorFilters.RemoveScripts);

            editor.EditModes = EditModes.All;

            editor.ToolbarMode = EditorToolbarMode.RibbonBarPageTop;

            editor.NewLineMode = EditorNewLineModes.Div;

            editor.ContextMenus.Clear();

            editor.EnableEmbeddedScripts = true;

            editor.EnableEmbeddedSkins = true;

        }

        #endregion

        #region Private Methods

        private void ConfigureRadHtmlField()

        {

            this.AllowScripts = false;

            this.AllowSpecialTags = false;

            this.AllowFonts = false;

            CustomRadHtmlField.ConfigureRadEditorControl(ref this.radEditorControl);

        }

        #endregion

    }

ConfigFile.xml

<configuration>

  <property name="Skin">Default</property>

  <property name="ToolbarMode">Default</property>

  <property name="ContentAreaMode">IFRAME</property>

  <property name="DocumentsFilters">

    <item>*.*</item>

  </property>

  <property name="OnClientLoad">setAutoWidthForRadEditorControls</property>

  <property name="ImagesPaths">

    <item>SiteCollectionImages</item>

  </property>

  <property name="MaxDocumentSize">524288000</property>

  <property name="MaxImageSize">524288000</property>

  <property name="MaxFlashSize">524288000</property>

  <property name="MaxMediaSize">524288000</property>

  <property name="MaxSilverlightSize">524288000</property>

  <property name="StripFormattingOptions">MSWordRemoveAll,Css,Font</property>

</configuration>

setAutoWidthForRadEditorControls JavaScript function

function setAutoWidthForRadEditorControls() {

    // Set max width for all rad editor controls that appear in the main content place holder

    var radEditorControl = $(".radEditorControl");

    if (radEditorControl) {

        radEditorControl.find(".reContentArea").width(Math.ceil(radEditorControl.width() * 0.98));

    }

}

Sharepoint Integration

answered on 01 Jul 2015

1 answer

64 views

need to enable some controls through Add new record icon click in radgrid

hi,

i have some textbox and one save button outside the radgrid. this controls are hided.

i need to enable this controls through Add new record icon click.

thanks & regards

karthik

Grid

answered on 01 Jul 2015

5 answers

218 views

Strange CSS? problem on RadGrid

Hi,

Dunno why, but the grid insert item and the update item templates styles are gone. the text became bold and the textboxes just stack on top of each other.

the only thing i did was adding bootstrap.css and .js to my project and used it on various pages without problems.

I am not using any divs or containers in the pages with the grid, so it's kinda strange.

I just have a top navbar recurring in all the pages (master). i suppose it might be a css problem.

Also, in a page with a treeview, but without any bootstrap code (except for the core link files css and js which are in the master pages) and the tree floats right, it didn't before.

here' a snapshot of a grid item in edit mode

http://snag.gy/1nxTp.jpg

Grid

answered on 01 Jul 2015