Hide Content Based on an IQA

Using RiSE you can lock down websites, navigation and content but it's harder to lock down individual iParts. There's a workaround but it's important to acknowledge right now that it's not "real security". You can use the concept to redirect away to another page, or simply hide content on the page, but it's not "really secure" and shouldn't be used for anything that shouldn't be made visible online. The workaround requires 4 parts, at minimum …


more ...


Hide the "Keep me signed in" Option

There is an an option in the "Sign In" iPart intended to save a username/password and, as stated: "Keep me signed in". Not everyone wants to provide this option and there's no way to remove it in the iPart configuration.

While there are a couple of ways to remove it, since the iPart is used in a few pages throughout the site it's easiest to just hide it using CSS.

In this case we're …


more ...


Create a Drop-down List from an IQA

Recently I had a request to generate a drop-down list with a "continue" button; when someone selected something from the drop-down and clicked the button, it "went somewhere". (Lots of requests start out like this). The example below shows how to create a drop down from an IQA. The IQA in this case is a simple one pulling active web-enabled products from csProduct, and then linking to the default "ItemDetail" page.

<script>
    jQuery("#ste_container_ciProductsIQA").parent …

more ...


Modify the Default "I-Forgot" Modals

Recently a colleague asked if it was possible to edit the headers at the top of the 2 modal windows that pop-up when someone clicks the "I forgot my username" or "I forgot my password" link on the sign in page. This level of customization would best be taken care of through the iPart, in this case that variable isn't exposed. And all normal workaround weren't working. It turns out that using the "DOMSubtreeModified" event …


more ...


Stylize the Content File iPart

The default output of the Content_File iPart is fairly simple: file name and file type. Personally I think adding graphics to the links makes it stand out more. This tip uses CSS and jQuery to display icons that match the file type. The icons used in this example were found on the Icon Archive but any icon set should work.

Add to CSS file

<style type="text/css">
	.PDFFile {
		background-image: url(/img/pdf-icon.png);
		padding-left …

more ...


Categories
2459 Bridge Road
Oakville, ON
L6L 2G9
Canada
jake@k2andyou.com
support@k2andyou.zendesk.com
Office: (905) 901-3625
Mobile: (289) 795-3538