Intersoft Community - WebDesktop - Custom Images in WebDialog Box

Custom Images in WebDialog Box

handy@intersoftpt.com — Wed, 21 Sep 2011 05:04:17 GMT

Hello,

I am sorry, it is ImagesDirectory, not ImagesSettings. I also attached my simple project to show you how to configure it.

Regards,
Handy

Custom Images in WebDialog Box

bbucher — Mon, 19 Sep 2011 09:13:52 GMT

It still didn't work for me. I give up.

Custom Images in WebDialog Box

handy@intersoftpt.com — Wed, 07 Sep 2011 23:35:20 GMT

Hi,

You need to re-define the path in ImageSettings via javascript. Somehow, path is still looking into CommonLibrary.

 var imgSet = dm.ImagesSettings;
 imgSet = ~/Images/;

Regards,
Handy

Custom Images in WebDialog Box

bbucher — Wed, 07 Sep 2011 07:17:37 GMT

Can you please be more specific about how to do that? Thanks,

Beryl

Custom Images in WebDialog Box

handy@intersoftpt.com — Tue, 06 Sep 2011 23:23:00 GMT

Hello,

The problem is dlg.ImagesSettings still has an old images settings. Please try to define your image settings again in dlg.ImagesSettings and let me know if the issue still persists.

Regards,
Handy

Custom Images in WebDialog Box

bbucher — Tue, 06 Sep 2011 14:51:08 GMT

I gave all the code in the first post ... nothing is done server side.

Custom Images in WebDialog Box

handy@intersoftpt.com — Mon, 05 Sep 2011 05:22:34 GMT

Hello,

Can I know how you set your the path of your custom image? Is it from client side script? Or from properties? It would be more helpful if you can let us know your page structure.

Regards,
Handy

Custom Images in WebDialog Box

handy@intersoftpt.com — Mon, 05 Sep 2011 03:08:48 GMT

Hello,

Nope. I haven't received any news from our developer teams. I will let you know the update when I received any updates.

Regards,
Handy

Custom Images in WebDialog Box

bbucher — Fri, 02 Sep 2011 09:00:32 GMT

Happy Ramadan!

Is there any news on this problem?

Custom Images in WebDialog Box

handy@intersoftpt.com — Thu, 01 Sep 2011 02:34:01 GMT

Hello,

We are sorry for the late response due to public national mouslim holiday in our country.
Followed your step by step, I can replicate the issue in here. I will report this problem to our developer team.

Regards,
Handy

Custom Images in WebDialog Box

bbucher — Mon, 29 Aug 2011 15:50:51 GMT

I feel fairly stupid for not being able to get this working, but I'm feeling frustrated at this point.

I want my own images for the web dialog box, so I

a. Created images & put them in a subdirectory Images\Custom

b. Changed the images directory to ImagesDirectory="~/Images/"

c. Changed the preview to reference these.

I have played with what seems like a million different ways to reference the pics. They work in deploy now, but not development.

Any help is appreciated!

Below are the two relevant bits:

 function wdbPreview_BeforeCreated(id, dm) {
            var dlg = ISGetObject(id);
            var wndSet = dlg.WindowSettings;
            var imgSet = dm.ImagesSettings;

            dm.UseWebResourcesForClient = true;
            wndSet.BorderType = "ComplexImages";

            with (imgSet) {
                CaptionCenterActive = "../images/custom/center_active.gif";
                CaptionLeftActive = "../images/custom/left_active.gif";
                CaptionRightActive = "../images/custom/right_active.gif";
                CloseActive = "../images/custom/close_active.gif";
                CloseDown = "../images/custom/close_down.gif";
                CloseInactive = "../images/custom/close_inactive.gif";
                CloseOver = "../images/custom/close_over.gif";
                InProgress = "../images/custom/ProgressIndicator.gif"
            }

            return true;
        }

         <ISWebDesktop:WebDialogBox ID="wbDialog" runat="server" Height="300px" Width="520px"
            EnableViewState="False" ShadowColor="dimgray" 
            ControlBoxImage="../images/Help20px.png" DialogBoxImage="Information" 
            ImagesDirectory="~/Images/">
            <WindowSettings ContentMode="UseIFrame" ControlBox="Yes" AllowResize="Yes">
                <ContainerStyle BackColor="White" Font-Names="segoe ui,tahoma" Font-Size="9pt" Height="300px"
                    Width="100%" VerticalAlign="Top">
                    <Padding Bottom="4px" Left="4px" Right="4px" Top="4px" />
                </ContainerStyle>
                <WindowStyle>
                    <Active BorderWidth="3px" Height="300px" BaseStyle="Normal" VerticalAlign="Top">
                        <BorderSettings>
                            <Top Width="0px" />
                        </BorderSettings>
                    </Active>
                    <Normal BackColor="White" Font-Names="Segoe UI, Tahoma" Font-Size="9pt" BorderColor="#CCCCCC"
                        BorderStyle="solid" Overflow="Auto" OverflowX="Auto" OverflowY="Auto" 
                        VerticalAlign="Top">
                   </Normal>
                    <Over VerticalAlign="Top">
                    </Over>
                </WindowStyle>
                <CaptionStyle>
                    <Active BackColor="Transparent" BaseStyle="Normal">
                    </Active>
                    <Normal Font-Names="Segoe UI, Tahoma" Font-Size="10pt" Cursor="default" BackColor="Transparent">
                        <Padding Bottom="2px" Left="2px" Right="2px" Top="3px" />
                    </Normal>
                </CaptionStyle>
                <CommandButtonStyle>
                    <Active BaseStyle="Normal" BackColor="#8A887B" ForeColor="White">
                    </Active>
                    <Over BaseStyle="Normal" BackColor="#C5C2AF">
                    </Over>
                    <Normal BackColor="buttonface" BorderColor="threeddarkshadow" BorderWidth="1px" BorderStyle="solid"
                        Font-Names="Tahoma" Font-Size="8pt">
                    </Normal>
                </CommandButtonStyle>
                <CommandButtonDisabledStyle Font-Names="Tahoma" Font-Size="8pt" BackColor="buttonface"
                    BorderColor="threeddarkshadow" BorderWidth="1px" BorderStyle="solid" ForeColor="Gray">
                </CommandButtonDisabledStyle>
            </WindowSettings>
            <ClientSideEvents OnBeforeCreated="wdbPreview_BeforeCreated" OnClosed="wdbPreview_Closed" />
        </ISWebDesktop:WebDialogBox>

Thank you,

Beryl