HomeHome Product Discus... Product Discus...SmithCartSmithCartHow to make the "*Required" stand out more.How to make the "*Required" stand out more.
Previous
 
Next
New Post
7/27/2011 1:16 PM
 

On the ship to section (or any section for that matter) can you make the "*Required" stand out more? What CSS class can be specified to do this. A client feels that it blends in way too much and is often over looked by users.

 
New Post
7/27/2011 3:43 PM
 
Which page/s would you like the required stand out more? On the Checkout pages or in the Cart setup screens?

Thanks,
 
New Post
7/28/2011 6:47 AM
 

The check out pages...

 
New Post
7/28/2011 1:57 PM
 
Open module.css and locate the class titled "SmithRequiredText" and add a bold style or make the font larger as you desire.

Scott Kelly
Project Manager
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
New Post
7/29/2011 5:52 AM
 

I tried this but it did not work.. see the image I have uploaded here for an example:

http://i.imgur.com/YyX2D.jpg

Let me know what you think. Thanks.

 
New Post
7/29/2011 9:46 PM
 
To change the style or size of the font on the Cart pages you have the following 2 options:

The first would be to open the Cart.ascx file and add a CssClass to each of the asp:RequiredFieldValidator controls you would like to change the font for and add the class in the module.css file with the styling you desire to see.

The second option would be to create a new CssClass for all of the asp:RequiredFieldValidator controls and change the name of its CssClass from SmithProdText to for example SmithReqText or a new unique class name and add the new styling.

Thanks,
 
New Post
8/1/2011 6:59 AM
 

When I change the following for example in the cart.ascx file:

From <asp:RequiredFieldValidator ID="rfvtxtShipLastName" ControlToValidate="txtShipLastName" runat="server" resourcekey="Required" Display="Dynamic"/>

To <asp:RequiredFieldValidator CssClass="SmithRequiredText" ID="rfvtxtShipLastName" ControlToValidate="txtShipLastName" runat="server" resourcekey="Required" Display="Dynamic"/>

 I get the following error:

Error Error: is currently unavailable.
DotNetNuke.Services.Exceptions.ModuleLoadException: The tag contains duplicate 'CssClass' attributes. ---> System.Web.HttpParseException: The tag contains duplicate 'CssClass' attributes. ---> System.Web.HttpParseException: The tag contains duplicate 'CssClass' attributes. ---> System.Web.HttpException: The tag contains duplicate 'CssClass' attributes. at System.Web.UI.TemplateParser.ProcessError(String message) at System.Web.UI.TemplateParser.ProcessBeginTag(Match match, String inputText) at System.Web.UI.TemplateParser.ParseStringInternal(String text, Encoding fileEncoding) --- End of inner exception stack trace --- at System.Web.UI.TemplateParser.ProcessException(Exception ex) at System.Web.UI.TemplateParser.ParseStringInternal(String text, Encoding fileEncoding) at System.Web.UI.TemplateParser.ParseString(String text, VirtualPath virtualPath, Encoding fileEncoding) --- End of inner exception stack trace --- at System.Web.UI.TemplateParser.ParseString(String text, VirtualPath virtualPath, Encoding fileEncoding) at System.Web.UI.TemplateParser.ParseFile(String physicalPath, VirtualPath virtualPath) at System.Web.UI.TemplateParser.ParseInternal() at System.Web.UI.TemplateParser.Parse() at System.Web.Compilation.BaseTemplateBuildProvider.get_CodeCompilerType() at System.Web.Compilation.BuildProvider.GetCompilerTypeFromBuildProvider(BuildProvider buildProvider) at System.Web.Compilation.BuildProvidersCompiler.ProcessBuildProviders() at System.Web.Compilation.BuildProvidersCompiler.PerformBuild() at System.Web.Compilation.BuildManager.CompileWebFile(VirtualPath virtualPath) at System.Web.Compilation.BuildManager.GetVPathBuildResultInternal(VirtualPath virtualPath, Boolean noBuild, Boolean allowCrossApp, Boolean allowBuildInPrecompile, Boolean throwIfNotFound, Boolean ensureIsUpToDate) at System.Web.Compilation.BuildManager.GetVPathBuildResultWithNoAssert(HttpContext context, VirtualPath virtualPath, Boolean noBuild, Boolean allowCrossApp, Boolean allowBuildInPrecompile, Boolean throwIfNotFound, Boolean ensureIsUpToDate) at System.Web.Compilation.BuildManager.GetVPathBuildResult(HttpContext context, VirtualPath virtualPath, Boolean noBuild, Boolean allowCrossApp, Boolean allowBuildInPrecompile, Boolean ensureIsUpToDate) at System.Web.UI.TemplateControl.LoadControl(VirtualPath virtualPath) at DotNetNuke.UI.ControlUtilities.LoadControl[T](TemplateControl containerControl, String ControlSrc) at DotNetNuke.UI.Modules.ModuleHost.LoadModuleControl() --- End of inner exception stack trace ---

 

 
New Post
8/1/2011 7:22 AM
 

Never mind - I found out why this was occouring... I see that the CSS class was already set for the TR or the DIVs I was editing - all is good now and working fine.

 
New Post
8/1/2011 5:28 PM
 
Thank you for letting us know how you resolved the issue.

Thanks,
 
New Post
11/14/2011 2:55 PM
 

Hi cboss-internet or Smith Cart,

Could you please post a step-by-step what to type example for me? I'm not a big styler.

What I would to achieve is to make the "Required" text red and bold when someone forgets to choose a required variant on the product details screen.

Thanks very much,
Daniel.
 

 
New Post
11/14/2011 8:26 PM
 
Hi Daniel,

The ability to style the "Required" messages for Variants is currently not available. We will be adding this capability in the next release of the Cart v.4.72.

Thanks,
 
New Post
1/5/2012 5:45 PM
 
Kevin wrote:
Hi Daniel,

The ability to style the "Required" messages for Variants is currently not available. We will be adding this capability in the next release of the Cart v.4.72.

Thanks,

Hi SC,

In the latest release, is it possible yet to make the "Required" validation text for a required variant stand out more (i.e. Red color would do). Other validation text in cart settings seems to be red, and I think customer validation text should be colored red also.

 

I'm refering to the product details page, with requried variants.

 

Thanks,

Daniel.

 

 

 
New Post
1/5/2012 5:52 PM
 

Hi Daniel,

In the module.css in the Smith.ProductDetail folder the following variant styles are available to you:

 

/* Variant Styles */
.VariantLabel { font-size: 12px; white-space: nowrap; }
.Checkbox {width: 20em}
 
/*  .VariantRadioButtonList { font-size: 12px; white-space: nowrap; }
.VariantCheckBox { font-size: 12px; white-space: nowrap; }
.VariantTextBox { font-size: 12px; white-space: nowrap; }    
.VariantDropDownList { font-size: 12px; }  
.VariantRequiredMessage { color: #FF0000; font-size: 12px; }  */
 
If you uncomment the "VariantRequiredMessage" style it will make the required validation message red.
 
 

At your service,
Dave Smith
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
New Post
1/5/2012 7:42 PM
 

Thank you Dave. I think I'll make the font size 1,000,000 too.

 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCartHow to make the "*Required" stand out more.How to make the "*Required" stand out more.