Showing results for 
Search instead for 
Do you mean 

The Responsive Web and Sage SalesLogix #SalesLogix

by JasonHuber on ‎11-15-2012 11:07 AM

The Responsive Web is detailed nicely here and I like the comparison to mobile. I love the Sage SalesLogix Mobile product Argos, but would also like to have the standard website a bit more responsive to the device I'm using and its capabilities.

 

What do I want to do? 

 

I wanted the "task pane" to minimize or hide to the right when I was working with the standard Sage SalesLogix Client Portal on my iPad. I know many of us use the standard portal and the max resolution is 1,024 whereas Sage SalesLogix fits nicely in about 1,400 pixels wide. How can I get the Sage SalesLogix Client Portal to "respond" to my device and hide the right bar when I need it to?

 

How can I do this? (this won't take long)

 

I need to modify the CSS being referenced in the base.master and add some code:

var taskp = dojo.byId("TaskPane");
dojo.style(taskp, "width", "0px");
var innerborder = dijit.byId("Viewport");
innerborder.resize();

 But this will hide the task pane every time. I only want to do so on an iPad or smaller screen.

 

/*ipad/iPhone*/
	@media screen and (min-width: 50em){
//put that code here.
}

 This allows me to check the width of the device and change the CSS however I want. But I have JavaScript. How can I be responsive with JS and not CSS (in this case I need to talk with Dojo)?

 

 I can get some JavaScript to run on every page load by doing this:

dojo.addOnLoad(function() {
		
		});

 Inside I can check to see if the screen width is what I consider too small for the task pane:

dojo.addOnLoad(function() {
			if(window.innerWidth <= 1024)
			{
				
			}
		});

 

Then I get the task pane and change the width to 0 and refresh the outer container to fill the space:

 

dojo.addOnLoad(function() {
			if(window.innerWidth <= 1024)
			{
				var taskp = dojo.byId("TaskPane");
				if(taskp)
				{
					dojo.style(taskp, "width", "0px");
					var innerborder = dijit.byId("Viewport");
					/*var mylist = dijit.byId("list");
					mylist._doAutoFitColumns();*/
					innerborder.resize();
				}
			}
		});

 

I have some commented code that is meant to resize the columns on a list view but safari and the iPad do not seem to agree with it, so it is still being worked on.

 

This does allow me to grab the task pane and reopen it if I want, and applies to any screen with a width less than 1,024.

 

Now to change the width on that left side just a bit and get as much space as possible. I will leave that to you.

 

Remember, it isn't that we want to replace the wonderful Sage SalesLogix Mobile app (Argos), but that sometimes we follow a link to the standard client and need the experience to be as nice as possible.

 

If only we could get the standard client to realize we were on a mobile device and redirect us to the mobile site with the entityid we were heading to intact.....

Register Read Guidelines Request Partner or Employee Access

What's New in 8.1

Labels