Blazor: TelerikUpload component - c#

I am trying to use TelerikUpload component in my application. I am very new with the blazor and I am stuck with a problem where I don't want to use #SaveURl to upload my document, I am doing the document save functionality on my button click, so when I don't use the #Saveurl property in the TelerikUpload component it shows me the 'Uploading status' which I am not able to find a way to hide or make it work.
I just want to find a way where is just simply select the file and add it in the collection.
Your help will be much appreciated.

I took a look at the TelerikUpload control. To the best of my understanding, it requires you to set the SaveURI parameter.
If you just want a control that can select files (but not do anything with them), you might want to check out Steve Sanderson's BlazorInputFile control:
http://blog.stevensanderson.com/2019/09/13/blazor-inputfile/
https://github.com/SteveSandersonMS/BlazorInputFile

Related

Reading & Writing Bootstrap Slider (NOT a Carousel) data-slider-value from C# .NET

I am new to .NET & Bootstrap and am required to use the .ASPX single file ASP.NET type code AND use Bootstrap and its slider. I have the Slider control below
<input type="text"
runat="server"
value="7"
class="slider-horizontal"
id="_sl1"
data-slider-min="0"
data-slider-max="10"
data-slider-step="1"
data-slider-value="7"
data-slider-orientation="horizontal"
data-slider-selection="after"
data-slider-tooltip="show">
and need to set the data-slider-value in the server side C# code in the on page_load event, then read it back on post_back, BUT I don't appear to be able to do this, and can find no information on how to do it except client side via javascript. I see the value property but setting that appears to do nothing.
I believe the problem is the text box used for the slider is mapped to
System.Web.UI.HtmlControls.HtmlInputText by .NET, hence the presence of the Value property, but the Slider properties I see in the HTML code are not recognised in the server C# code so can't be accessed. Any help or pointers to appropriate information as to how to then use this control to access the values on the server side would be most welcome. I have spent some days trying to find a solution, not helped by the lax terminology that means Slider picks up Carousel related links! I've also followed Bootstrap courses , at least 3 so far and they too fail to provide an answer.
First of all, thanks to everyone who tidied up the mess I made of this post, and now my answer to my problem, it is simple, which is probably why I spent days looking for it. Use the Attribute method of the control.
.Attributes.Add("data-slider-value", theValue);

Avoiding making duplicate panels of controls?

I'm making a web application, but I am not using MVC.
I have pages like: create a task, create a project, create a case...
Everyone of these requests standard information like: StartDate ( a calendar widget, etc), Start time, etc.
If, somewhere down the line, I need to change this standard stuff, say, I need to change the calendar for a textbox, I want it to change everwhere where this is used.
What is a proper way to do this sort of thing?
In the ASP .NET code it would be nice to have like:
SchedulePanel.Calendar.Date;
It does not have to be panel based or anything, but I basically have a group of controls that I need in many places.
Thanks
You can put all of those controls into a UserControl and add that whenever it is needed. Like Robert said, if it is needed on virtually every page, then put those controls into the master page.
asp.net UserControls are really idea for this type of situation.
http://asp.net-tutorials.com/user-controls/using/
Please explain more this statement:I want it to change everwhere where this is used.
If I undesrstand correctly you can put all your controls in a User Control and in code behind declare public variable and change your controls in set section

DevExpress Grid App (DXTREME) - How to bind to the ItemNavigationTargetType?

I am working on my first windows 8 application using the devexpress grid app template provided in the New Wizard. Everything is working out fine but however, I would like to bind the MenuItems to specific pages instead of using the ItemsDetailPage for all my menuitems. I have managed to figure out that I need to change the following to the page I want to use:
ItemNavigationTargetType="ItemsDetailPage" to ItemNavigationTargetType="MyPage"
This works fine. I have created another parameter for my menu item which is a "string TargetType". This I use to specify the page the menu item should open. Then I would like to bind this property to the above code to look like the following:
ItemNavigationTargetType="{Binding TargetType}"
But this will not work. Is there another way I can do this. Please assist?
You can use the DXGridView.ItemNavigationTargetTypeBinding property to specify the name of the Page class to be opened when an end-user clicks a DXGridView item.
P.S. I believe the best way to get guaranteed assistance with any DevExpress controls is contacting with DevExpress Support directly. Note that FULL SUPPORT IS FREE during the evaluation period (30 days).

Dynamically add textbox in asp.net

In my page, i got two column and multiple rows. The first column contain the label such as question for the 1st row, and the options for the questions. And the second column is the textboxes. When i click on add button, i wish to add those controls to page which subsequently allowed me to add the value in the texbox to database. I did some research but most of them uses javascript or datatable. Is there any other method?
You don't specifically say what type of .net development you are doing, and your question is tagged with asp-classic, which I doubt you're using. [If you are please please stop] So I will assume you are using Web Forms.
While I don't agree with Inerdial's position that you should avoid dynamic controls at all costs, I will say it does make things much more complex and requires a very good knowledge of the ASP.net Lifecycle. If you truly want to go down that path, here is a great resource.
With that said what you are describing to me does not appear to need that and his suggestion of setting the control visibility to false is a good one.
You could create a row, a panel or a div and output the controls that you need when adding a new row and set it's server-side visibility to false whenever you don't want it displayed. Then you could have a link that when clicked it toggles the visibility to true and will allow the user to add items. Once users add items they'll be displayed in your data table and you can reuse the form to add additional items.
I would also like to encourage you to consider JavaScript if it isn't an overly complex form. It eliminates an extra round-trip to your server and in general is a better user experience.
Edit: This link may also be of use to you.

dynamic window focus MVC2

I am working on an MVC2 project, on a view we display a large data set which refreshes every minute with latest data..some specific records are updated every minute in this data set. I want the browser to focus on these specific records..Not sure how to use javascript focus() here dynamically...
any clue?
thanks,
You need to provide more detail as to exactly what you are attempting to do.
If you are attempting to focus just ensure each record has a unique identifier then you can focus on individual records.
Alternatively you could simply keep the focus at the top or bottom of wherever you are displaying them.
EDIT:
In that case I would suggest something like the following
var currEle = document.getElementById("Record123");
currEle.focus();
Suppose you know how to issue an Ajax call and return either partial view or JSON data and how to use that data on the client afterwards...
You can only focus to a point in the document when
there's only one change or
all changes are summarised together in the same document area
We're also not talking about focusing as in document perspective, but rather about focusing of users attention to document specific content (or part of it).
First option
You can always use something like jQuery.scrollintoview() plugin (link to blog post that describes the plugin here) that will scroll document to the record that changed and highlight it using jQuery UI effect highlight. Linked blog post also describes the purpose of visual animated scrolling instead of simple jumping within the document.
Second option
Put changes at the top and keep your document scrolled at the top when content gets updated. You can blink a few times some icon informing the user of the changed content in the changes area.

Categories