Login / Register  search  syndication  about

          Kris Halsrud's Blog

Kris Halsrud on development and Integration with CRM and Development

Changing the appearance of the SalesLogix horizontal Separator Web Control

The SalesLogix Web client offers a SalesLogix control called a Horizontal Separator that draws a horizontal line in a cell on a quick form.  The control can also have a Caption property defined which places a label at the start of the horizontal separator.

The control, when loaded onto a deployed page looks like this:

Standard SalesLogix Horizontal Separator with Caption

 

Now if we look at the actual deployed page we can see this is rendered by the browser like so:

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<colgroup>
<col>
<col width="100%">
</colgroup>
<tbody>
<tr>
<td nowrap="">
<span id="ctl00_MainContent_ContactDetails_QFHorizontalSeparator">Separator</span>
</td>
<td>
<hr>
</td>
</tr>
</tbody>
</table>

So the control is actually rendering out as an imbedded table control with 2 cells on a single line, one cell is a Span with an embedded text string and the other cell is a HTML hr tag.  So we can see the controls get rendered without any style classes or anything. 

So how can we change the appearance of the text?  Well since the caption defined on the quick form is basically just injected onto the deployed page on the browser we can change the Caption from being just a plain string, to having HTML markup surrounding our string.  I prefer to use CSS styles instead of older markups to stay compatible with HTML 4.01 Strict / XHTML 1.0 Strict protocols.  here is a sample of what we can change out Horizontal Controls Caption property to:

<p style='font-size:20px;font-weight:bold;color:red;'>Separator</p>

Now this will get rendered on the page like so:

Tricked Out SalesLogix Horizontal Separator with Caption

There you have it!  A rather simple way of customizing the look of these separators.

 

 

 

What's This?
  
Bookmark and Share

About Kris Halsrud

   Kris Halsrud is a Senior Analyst / Developer for Customer FX Corporation.


Related Content
   Infor CRM (Formerly Saleslogix) Error in the Web Client- Invalid usage of the option NEXT in the FETCH statement. : Incorrect syntax near 'OFFSET'
 I recently ran into a web client system that was unable to operate properly.  Whenever a page
Posted on Apr 29, 2015 by Kris Halsrud to Kris Halsrud's Blog
 
   InforCRM 8.1 (formerly SalesLogix) SpeedSearch Repair
If the Speedsearch Server is returning an error "Unable to locate the SpeedSearch Directory" a
Posted on Apr 24, 2015 by Mark Duthoy to SalesLogix Support
 
   How do I wrap text in Textboxes in Infor CRM (formerly Saleslogix)?
Recently an Infor CRM administrator contacted me in regards to many of their textboxes for Notes in the I
Posted on Apr 01, 2015 by Dale Richter to Infor CRM Questions & Answers
 
   InforCRM (formerly Saleslogix) Mobile - Clearing Out Earlier Customizations
If you started with an earlier version of SalesLogix Mobile, let's say version 7.5.4, and customized
Posted on Mar 30, 2015 by Mark Duthoy to SalesLogix Support
 
   How do you set the Base Directory when Deploying your Web Client on Infor CRM 8.1?
Question:How do I make sure my Base Directory is set correctly on Infor CRM ? Recently I had a custo
Posted on Mar 06, 2015 by Dale Richter to Infor CRM Questions & Answers
 
Comments

 

Mike Boysen said:

Kris, nice trick. I substituted <div for <p since I was getting an offset, just as you have. This kept the line within the middle of the caption.

September 13, 2012 7:03 AM

Leave a Comment

(required)  
(optional)
(required)  
Add
All contents Copyright © 2015 Customer FX Corporation
Customer FX Corporation
2324 University Avenue West, Suite 115
Saint Paul, Minnesota 55114
Tel: 800.728.5783

  Follow @CustomerFX on twitter
Follow the best news, tips, and articles
  Subscribe to Customer FX on youtube
Watch SalesLogix tutorial videos from Customer FX
Login / Register