Skip to content

<xmod:ContinueImage>

The ContinueImage tag renders a clickable image used inside an <AddSuccessTemplate> or <EditSuccessTemplate> — same behavior as <xmod:ContinueButton>, just rendered as an image.

xmod: prefix required

ContinueImage is a template tag (it lives inside <…SuccessTemplate>, not inside the form itself), so it requires the xmod: prefix. Use <xmod:ContinueImage> rather than <ContinueImage>.

Example

html
<AddForm>
  ...
</AddForm>

<AddSuccessTemplate>
  <ItemTemplate>
    <h1>Thanks for Signing Up</h1>
    <p>Click the button below to go to your profile page.</p>
    <xmod:ContinueImage AlternateText="View Your Profile"
                        Redirect="http://mysite.com/profile" RedirectMethod="Get"
                        ImageUrl="~/images/profile.gif"/>
  </ItemTemplate>
</AddSuccessTemplate>

Properties

PropertyValuesDefaultDescription
ImageUrlURLPath to the image file to display
AccessKeystringKeyboard shortcut character (e.g. F for Alt+F)
AlternateTextstringAlt text for accessibility (screen readers) and search engines
CssClassstringCSS class name(s) for styling the control
EnabledTrue FalseTrueWhen False, the control is disabled (grayed out and not interactive)
HeightsizeHeight of the image
IDstringUnique identifier for the control within the form
ImageAlignNotSet Left Right Baseline Top Middle Bottom AbsBottom AbsMiddle TextTopNotSetAlignment of the image with respect to surrounding content
OnClientClickJavaScriptClient-side script to run when the image is clicked
RedirectURLURL the user is redirected to. If omitted, the user is returned to the page they would have seen if the success template hadn't been displayed
RedirectMethodGet PostGetHTTP method used for the redirect
StylestringInline CSS (e.g. color: red; border: solid 1px black;)
TabIndexintegerTab order for keyboard navigation
ToolTipstringText displayed on mouse hover
VisibleTrue FalseTrueShows or hides the control
WidthsizeWidth of the image
Deprecated Properties

These properties use ASP.NET inline styling and are no longer recommended for modern web development. Use the CssClass property to apply CSS classes or the Style property for inline CSS instead.

PropertyValuesDescription
BackColorcolor name | #ddddddBackground color of the control
BorderColorcolor name | #ddddddBorder color of the control
BorderStyleNotSet None Dotted Dashed Solid Double Groove Ridge Inset OutsetBorder style of the control
BorderWidthsizeBorder width of the control
Font-BoldTrue FalseBold text
Font-ItalicTrue FalseItalic text
Font-NamesstringFont family name
Font-OverlineTrue FalseOverline text decoration
Font-SizeXX-Small X-Small Small Medium Large X-Large XX-Large or sizeFont size
Font-StrikeoutTrue FalseStrikethrough text decoration
Font-UnderlineTrue FalseUnderline text decoration
ForeColorcolor name | #ddddddText color of the control

Property Details

  • ImageUrl: Path to the image file. The tilde (~) represents the application root, so ImageUrl="~/images/continue.gif" resolves to /dnntestsite/images/continue.gif on a development install and /images/continue.gif on production.

  • OnClientClick: A JavaScript expression to run when the image is clicked, before the redirect happens. If your script returns false, the button does nothing further.

  • Redirect: After the click, redirect the user to this URL. If omitted, the user is sent to the page they would have seen if the success template hadn't been shown — typically the page that contained the form.

  • RedirectMethod: The HTTP method used for the redirect. Get (the default) appends form values as query string parameters. Post submits them as a form POST.