Jump to content

Recommended Posts

You can try the code below in the header of Configure Result Pages Fields screen:

 

<style>
.cbGridCtnr > .BodyCtnr > .Table{
width: 100%;
}
.cbGridCtnr > .HeadCtnr > .Table {
    width: 100%;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>

function openGridAutomatically(delay)
{
	setTimeout(
		function()
		{
			var gridEditButton = $("[data-cb-name='GridEditButton']")[1];
			if (gridEditButton)
				f_dispatchEvent(gridEditButton, "click");
		}, delay ? delay : 500);
}
function f_dispatchEvent(v_element, v_type){
 if(v_element.dispatchEvent) {
  //var v_e = new Event(v_type);
  var v_e = document.createEvent('MouseEvents');
  v_e.initEvent(v_type, true, true);
  v_element.dispatchEvent(v_e); //new Event(v_type, {"bubbles":true, "cancelable":true})
 } else if(v_element.fireEvent){
  v_element.fireEvent('on' + v_type);
 }
};
openGridAutomatically();
</script>

width: 100%; should be changed to the width you have for your for your report page.

Share this post


Link to post
Share on other sites

@MayMusic I have a scenario where I would like my reports page to default to grid edit, similar to what you are describing here. I have tried the code you gave me in the header of my results page but it does not seem to work. Do you know if this Javascript code that you provided here from 2016 should still work as is?

Share this post


Link to post
Share on other sites

Hi @jasonkaeb,

You should add Header and Footer elements on the Configure Result Pages Fields screen and put the styles into the header and scripts into the footer. Also, you should check Grid Edit option on the "Search and Report Wizard - Results Page Editing Options" screen.

Share this post


Link to post
Share on other sites

@Alison Thank you for your quick reply. I was doing that wrong, so thanks for pointing that out. It still does not seem to be working for me. Can you see something I have wrong below? 

I have added the following as a header: 

<style>
.cbGridCtnr > .BodyCtnr > .Table{
width: 100%;
}
.cbGridCtnr > .HeadCtnr > .Table {
    width: 100%;
}
</style>

-------------------------------------

And the following in the footer: 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<script>
function openGridAutomatically(delay)
{
    setTimeout(
        function()
        {
            var gridEditButton = $("[data-cb-name='GridEditButton']")[1];
            if (gridEditButton)
                f_dispatchEvent(gridEditButton, "click");
        }, delay ? delay : 500);
}
function f_dispatchEvent(v_element, v_type){
 if(v_element.dispatchEvent) {
  //var v_e = new Event(v_type);
  var v_e = document.createEvent('MouseEvents');
  v_e.initEvent(v_type, true, true);
  v_element.dispatchEvent(v_e); //new Event(v_type, {"bubbles":true, "cancelable":true})
 } else if(v_element.fireEvent){
  v_element.fireEvent('on' + v_type);
 }
};
openGridAutomatically();
</script>

------------------------------

I did notice on my page that the following script is showing in plain text on my page, which means this is not working correctly: 

< script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

Share this post


Link to post
Share on other sites

@jasonkaeb,  there might be something with the encoding in this line <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

Please copy the code below and paste it to the footer:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>

function openGridAutomatically(delay)
{
	setTimeout(
		function()
		{
			var gridEditButton = $("[data-cb-name='GridEditButton']")[1];
			if (gridEditButton)
				f_dispatchEvent(gridEditButton, "click");
		}, delay ? delay : 500);
}
function f_dispatchEvent(v_element, v_type){
 if(v_element.dispatchEvent) {
  //var v_e = new Event(v_type);
  var v_e = document.createEvent('MouseEvents');
  v_e.initEvent(v_type, true, true);
  v_element.dispatchEvent(v_e); //new Event(v_type, {"bubbles":true, "cancelable":true})
 } else if(v_element.fireEvent){
  v_element.fireEvent('on' + v_type);
 }
};
openGridAutomatically();
</script>

 

Share this post


Link to post
Share on other sites

@Alison Thanks for your reply. I did copy the code exactly as you have it and pasted it in the footer. The report opens correctly, but still does not open with the gred edit open. I still have the following code in the header: 


<style>
.cbGridCtnr > .BodyCtnr > .Table{
width: 100%;
}
.cbGridCtnr > .HeadCtnr > .Table {
    width: 100%;
}
</style>

Share this post


Link to post
Share on other sites

It will work with freezed header with this line changed:

var gridEditButton = $("[data-cb-name='GridEditButton']")[2];

Freezing the headers creates an extra table just for the header.  Just need to select the correct link to execute. ;)

 

Share this post


Link to post
Share on other sites

Hi! I tried using the code to pre-load the edit-grid opened ( it works great!). However, I'm still having trouble with styling in grid edit mode. Is there a way to wrap the text in the columns in grid edit? My text is wrapped when I exit the edit mode

Capsio.png

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...