Tabs in Dialog Editing Template???

[Almond R. M. Monteagudo]

Dear Syncfusion Gurus,

 

Good morning. I would like to ask if its possible to have or use multiple tabs in your Dialog Editing Template, particularly if i have a lot of entities/fields. I would also like to know if I can insert an image in the Dialog Editing Template as seen in the attached file.

 

Thanks in advance for the help.

 

regards,

almond m.

 

 

payments form_87dc8d22.zip

[Rakesh D]

Hi Almond,

 

Thank you for using Syncfusion products.

 

Query : use multiple tabs in your Dialog Editing Template ?

 

We would like to let you know that we have created a custom sample request for your above requirement and we will update you with the further details in 3 business days (6/11/2013).

 

 

Query : can I insert an image in the Dialog Editing Template as seen in the attached file ?

 

We are unable to download the attached file from your previous update. We request you to re-attach the attachment so that we could analyze and provide you the solution for it.

 

 

Please let us know if you have any concerns.

 

Regards,

Rakesh D

 

 

[Almond R. M. Monteagudo]

Much thanks for your reply and we'll wait for your sample.

Regarding the attached file, could you please try and check again the attached file?  

If not can you try and access the below link:

http://www.flickr.com/photos/32177697@N03/8516958999/

thanks and good day once again.

regards,

almond

payments form_592499e3.zip

[Ajith R]

Hi Almond,

 

                Thanks for using Syncfusion products.

 

Query: can I insert an image in the Dialog Editing Template as seen in the attached file ?

 

                 We suggest you to insert an image in the dialog editing template by using ClientSideEvents method. The method OnLoad to client side script to achieve your requirement. Please refer the following code snippet.

 

[Method]

.ClientSideEvents(events =>{events.OnLoad("load");})

 

 

[Script]

<script type="text/javascript">

    function load(sender, args) {

        $("<img/>").prependTo('button[name="Save"]').attr({

            src: '/Images/Update1.png',

            alt: '',

            height: '20'

        });

        $("<img/>").prependTo('button[name="Cancel"]').attr({

            src: '/Images/Cancel1.png',

            alt: '',

            height: '20'

        });

    }                

</script>

 

Query : use multiple tabs in your Dialog Editing Template ? 

 

We would like to let you know the complexity due to created a custom sample for your above requirement and we will update you with  in 2 business days (6/13/2013)

Please refer the following link to download the sample

Please let us know if you have any concern.

Regards,

Ajith R

 

DialogImage_12e1066c.rar

[Almond R. M. Monteagudo]

much thanks for the help Ajith.

I am sorry that might have caused a confusion in my inquiry regarding inserting image in DialogTemplate.  In the link that i mentioned containing the sample image, i was inquiring about not the image in the buttons, but the  image on the left side of the text boxes.  Can I insert some image like that in the codes of the DialogTemplate.  I'm sorry for the confusion but as a newbie in programming, I didn't clearly state which image i want to include in the Dialog Template.

Thanks again and this forum is one of the best forum I joined in terms of replies from the members and Syncfusion Team.

Regards,

almond

[Ajith R]

Hi Almond,

 

                Thanks for using Syncfusion products.

 

Query: can I insert an image in the Dialog Editing Template as seen in the attached file ?

 

                 We suggest you to insert an image in the dialog editing template by handling ClientSideEvent  OnActionSuccess. Please refer the following code snippet.

 

[Event]

.ClientSideEvents(events => { events.OnActionSuccess("Success"); })

 

 

[Script]

function Success(sender, args) {

        if (args.RequestType == "AddNew" || args.RequestType == "BeginEdit") {

            $("fieldset").css({ background: "url('../Images/syncfusion.png')", backgroundRepeat: 'no-repeat', height: "300px" }); //Setting background image

            $('b').css('margin-left', '200px'); //Set position of the element

            $('div[id="Head"]').css('margin-left', '100px');

        }      

    }

 

 

Query : use multiple tabs in your Dialog Editing Template ? 

 

           Your requirement of tabs having multiple fields can be achieved by handling ClientSideEvent OnActionSuccess. Please refer the following code snippet.

 

[Script]

function Success(sender, args) {   

        if (args.RequestType == "AddNew" || args.RequestType == "BeginEdit") {

            $("#Head").tabs(); //Setting the tabs inside dialog template.       

         }        

        

   }

 

            Please refer the following link to download the sample.

Please let us know if you have any concern.

Regards,

Ajith R

Sample_6e23718.zip

[Almond R. M. Monteagudo]

Hi Ajith R,

Again, much thanks for the help.  This is exactly what I was trying to implement.  Much thanks again for the help and on how to have it implemented most importantly the the sample.

I know a lot of Syncfusion newbies will surely like the sample you code.

This is the by far the most helpful forum that I have joined.

Thanks again and 'till next time.

More power to Syncfusion. :)

[Ajith R]

Hi Almond,

Thanks for your update. We are glad to know that your issue has been resolved. Please let us know if you have any other concerns so that we will be happy to help you out.

Regards,

Ajith R