Totally stuck! Need assistance, please.

[Steve]

I'm new to Telerik and am having trouble trying to write the correct code to do the following scenario.

I have a SQL Server 2008 as backend. Here is the scenario. A new employee needs to have her photo taken and added to a webpage. The photo is not committed to the database until the Save button is pressed.

I need to present a default image in a "new employee" entry screen. A button is pressed to popup the image capture. The image is saved to a work table in the database (WRK_PHOTO). I need to now take the image from WRK_PHOTO and replace the default image on the page. Once the save button is pressed, the new image is saved to the database in the EMPLOYEE table.

I have the whole web cam capture and save to WRK_PHOTO in place and working.

What I don't have is the display of the temporary default image on the screen, and replacing it with the newly captured photo stored in WRK_PHOTO. Also, I don't know how to save the new image to the EMPLOYEE table when the save button is pressed.

I attached a .PNG graphic image of what I'm looking to do. The capture of the webcam is done. I just to know how to handle the interaction with the Telerik image control.

[Vasil]

Hello Steve,

You are able to save the image into the WRK_PHOTO table, but you can not save it to the EMPLOYEE table?
Don't you use the same approach for saving the image?

It will be good to provide us sample code that you are currently using. It will be more effort for the community to write you full example, than to modify your current code and/or to point you what you can do.

Regards,
Vasil
Telerik

[Steve]

it's not a question of saving it to the Employee file. At the time the image is captured, for new employees, i don't have a record a record in the Employee table yet. And for existing employees that are getting a newer image, I don't want to overwrite the existing one, just in case they cancel instead of commit. So, I save it to the WRK_Photo as a temporary holding area.

[Damian]

Sorry for the old thread revivial..

Interested in how the OP captured the image in the first place  and saved to wrk_photo?

Are there any examples for this in the Telerik code library

Thanks,
Damian

[Vasil]

Hello Damian,

Examine the code of this demo that uses RadAsyncUpload in combination with RadGrid to upload images and show them using the RadBinaryImageControl:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandradasyncupload/defaultcs.aspx

Regards,
Vasil
Telerik

 

 

[Siva]

Hi I am using telerik for a year. I have used many controls in it. but am in a need of using RadScheduler now and am confused with where to start. I need to bind the appointments like gridview bind with database on server side and i need navigation on dates and day, week, month option.

[Marin Bratanov]

Hi Siva,

I recommend you start with reviewing our demos. You can download a web site solution with them from your telerik.com account so you can run them locally in order to easily inspect the code and play with it to see how things work.

Here are a few resources that can be a good starting point:

• how to create a provider that will fetch data from a database: https://demos.telerik.com/aspnet-ajax/scheduler/examples/dbschedulerprovider/defaultcs.aspx. It also showcases the navigation features the control offers at the top - prev, next, and today buttons on the left, and switching between day, week and month views on the right.
• documentation on data binding and providers:
  • https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/data-binding/database-structure
  • https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/data-binding/providers/using-a-data-provider
  • https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/data-binding/providers/implementing-a-provider
• demo on configuring the view settings, it basically shows the different views again: https://demos.telerik.com/aspnet-ajax/scheduler/examples/day-week-multi-day-views/defaultcs.aspx.

If you have a particular scenario that you can't solve based on this information, I recommend that you open a support ticket and send us an MCVE of the RadScheduler problem that you are facing so we can offer a more concrete answer.

Regards,
Marin Bratanov
Progress Telerik

[Siva]

Thanks for your reply.

Is there any way to maintain the scheduler on server side like, when i click save/cancel and advanced form save/cancel, i need to modify the data in dataset as well as in scheduler. I want to maintain save/Insert/Update/Delete in a dataset/datatable/object.  On final save only i have to save it in database.

I don't want to use web service or sqldatasource event in demo.

[Marin Bratanov]

Hi Siva,

The following demo shows one way to keep the scheduler data source in memory: https://demos.telerik.com/aspnet-ajax/scheduler/examples/bindtolist/defaultcs.aspx. Generally speaking, the scheduler follows the provider pattern so if you want such special data handling, it should be implemented in the provider. The following article shows an example of using an XML file for aprovider and you can use it as base and replace the xml operations with in-memory operations (e.g., over a List<someObject> or a DataTable) as per your requirements: https://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/data-binding/providers/implementing-a-provider.

Regards,
Marin Bratanov
Progress Telerik

[Siva]

Thanks for your reply.

 

Finally i have implemented radscheduler using server side events.

And i have one other implementation to do.

when i double click on scheduler it opens a inline edit wrapper. in that i need to open my web form on option button click istead of that advanced form template. 

I have tried with  OnClientAppointmentInserting its working fine. but my client needs to display the web form on option click its either client or server side event.

this below code is the sample code i have used.

<telerik:RadScheduler ID="rsScheduler" CssClass="schedulerlist" runat="server" RenderMode="Lightweight"
                                                        DataKeyField="guid" DataStartField="assignedOn" DataEndField="dueOn" DataSubjectField="description"
                                                        StartEditingInAdvancedForm="false"
                                                        Localization-ShowBusinessHours="Show Working Hours"  OnAppointmentDataBound="rsScheduler_AppointmentDataBound"
                                                        OnAppointmentCancelingEdit="rsScheduler_AppointmentCancelingEdit"
                                                        OnAppointmentCommand="rsScheduler_AppointmentCommand" OnAppointmentDelete="rsScheduler_AppointmentDelete"
                                                        OnAppointmentInsert="rsScheduler_AppointmentInsert"
                                                        OnAppointmentUpdate="rsScheduler_AppointmentUpdate" OnAppointmentCreated="rsScheduler_AppointmentCreated"
                                                        OnAppointmentsPopulating="rsScheduler_AppointmentsPopulating"
                                                        OnClientAppointmentInserting="AppointmentInserting" OnClientAppointmentEditing="AppointmentEditing">
                                                        <AppointmentTemplate>
                                                            <div>
                                                                <%# Eval("Subject") %>
                                                            </div>
                                                        </AppointmentTemplate>
                                                        <%--<AdvancedForm Modal="false" />--%>
                                                    </telerik:RadScheduler>

 

please give me any suggestion to implement this requirement.

Thank you

[Marin Bratanov]

Hi Siva,

If you want to edit appointments with your own code, the following demo can be a good starting point: https://demos.telerik.com/aspnet-ajax/scheduler/examples/raddock/defaultcs.aspx. What it does is cancel the built-in edit form generation and instead it opens a RadDock with controls that provide the desired functionality. You could create a similar form and show it in a RadWindow instead, of course. The following article shows how you can open a RadWindow so you can hook that to your button's events in case the approach above does not suit your needs: https://docs.telerik.com/devtools/aspnet-ajax/controls/window/getting-started/opening-windows.

Regards,
Marin Bratanov
Progress Telerik

[Siva]

hi

why the radscheduler have some design issues when i run it on chrome. i have designed radscheduler inside radtabstrip. when i click the schedule tab after page load for the first time for viewing radscheduler it's not showing the scheduler completely its showing the all day row alone. i have checked it by inspect element its height is 0 but again am going to some other tab and again clicking schedule tab its working fine and also i have checked on page load i set selected=true for the scheduler tab does not have any design issues. its having design issue when i click the schedule tab for the first time and also there is no design issue in internet explorer.

why its having design issue in chrome.

i have attached the image of the issue when i run my sample project in chrome and ie

please give me any solution asap.

Thanks.

[Marin Bratanov]

Hi Siva,

If a control has been hidden during its initialization (as it would be when in a non-selected tab), the browser does not render its elements and does not provide dimensions for them, and so when you show the control it may not have all the correct dimensions. There are two common ways to fix this:

• call its .repaint() method when it is shown (in this case, in the OnClientTabSelected event)
• only render it when needed so it does not render hidden (see this demo on loading only the current tab)

 

Regards,
Marin Bratanov
Progress Telerik

[Siva]

Hi,

Am working with telerik:RadHtmlchart with scattered line series
In that i have created two series with same x and y axis
its working fine until the two series have same values
if purchase series x=5 y=10, sales series x=10 y=20 then its working fine
if purchase series x=5 y=10, sales series x=5 y=10 then its overlapping one on other, there is no differentiation between two series
its displaying 1 tooltip only for sales series

is there any way to show those series seperately or need to display two tooltips?

Thanks,
Regards,
SIVASHANKARI