CA Clarity Tuesday Tip: How to increase the OBS width so that the whole path is shown in the object edit view

[Anon Anon]

All fields in the section "Organizational Breakdown Structures" in the project main properties page and also in the resource main properties page are shorter (display) than in the previous version of Clarity.  To increase the OBS field's width you will have to edit the default UI Theme as follows:

 

1.  Open Administration, Studio, UI Themes

2.  Copy the CSS setting of your current default theme

3.  Create a new Theme and paste the CSS setting copied from default

4.  Add the following lines to the bottom of theme

 

input[auto_setupfunction="obsAutosuggest"] {

width: 400px;

}

input[auto_setupfunction="obsDepartmentAutosuggest"] {

width: 400px;

}

 

5.  Make this new Theme as your default Theme

6.  To see the changes, you may have to log out the application or close browser session to remove the browser cache

 

A copy of this this information is available in TEC613719

[System]

Thanks for the tip Robert!

[Deactivated User]

Thanks for the tip.

Just wondering again....

The post and the original Tech Doc do not say to which version this applies (the problem has been there in Niku 6)

The Tech doc further says is smaller than in a previous version. Which versions might they be.

Those could items for the Technical Documentation Feedback if I could find that.

[Anon Anon]

This applies to versions 13 and up wherein you can customize the UI Theme by editing the CSS file on the administration side.  The previous version which had a wider OBS field view was 12.

[Deactivated User]

Thanks.

As said in Niku 6 with several layers and long names that was a problem sometimes.

[Georgy]

Hi Robert,

 

Just tried this in our upgraded v13.3 environment...works like a charm Awesome!

 

Thanks a lot,

Georgy

[Nei RGlhcyBWaWxsYXMgQsO0YXM=]

Hi Robert,

 

Thanks for the tip! Works fine here (v 13.2)

 

Regards

[pjromano]

Works fine here as wel (13.3).  I agree it's a little less intuitive than simply configuring the display width in the field view (create/edit), but it works nonetheless!

[Legacy User]

Happy-Happy!  Thanks Robert - great tip.

 

Dale

[Anon Anon]

Tried and it  works very well...

 

Thanxs

[Andrew M]

works nicely on 13.3.

This one also doesn't have the side effect of making the gantt or portfolio rows resize!!

[Anon Anon]

Thanks Robert, I have run into the need for this in the field!

[Legacy User]

Robert,

 

Have run into an issue with  this change.  It appears that the OBS field in the Timesheet List view filter is also affected by this change.

 

 

Although users are happy with the change on Project Properties page, they are not happy seeing how this change affects the Timesheet list view, pushing all the fields on the right, farther right, narrowing the column.

 

Any ideas on how to maintain the positive change on the Project Properties page, while fixing the problem produced here on Timesheet list view page?

 

Dale C. Stockman

[Andrew M]

Hi Dale,

 

set the width to say 200?

does that look better?

[Andrew M]

by the way seems that 300 is probably the best. Any bigger and it will look odd on low resolutions.

[Legacy User]

We have some long OBS paths, where it is useful to have 300 on project properties page.  As the timesheet list view content is largely controlled by access rights, the OBS field isn't normally used - therefore, it would be best if

 

- the OBS field here was not affected by the change

- or, we could remove the OBS field

- or, we could move the OBS field so that its long length would not push the right column (move OBS field from left to right column?)

 

Dale

[Anon Anon]

Hi,

 

I did the same change to our UI themes, cleared cache, logged out. But there is no change to the OBS width.

 

Any reason why?

Regards

Pankaj

[Anon Anon]

I realized that this piece of code should NOT be placed in the end, if I did that, it was not working.

[Anon Anon]

Hi Pankaj,

 

I too tried doing this change on my Clarity screen which is version 13.3 but I do not see much change.

 

Could you tell me as to where you placed the code on the CSS.

 

Thanks,

Meenakshi V

[Anon Anon]

It should be added at the bottom of your new custom theme (see below); set that new theme as default; then you will have to log out then back into Clarity to see change take effect.

 

 

[Anon Anon]

Hi Robert,

 

Thank you for the tip.

 

I tried updating my CSS the way you have mentioned, but I still do not see any change.

 

Just to check if I have understood the process correct.

Once we update the CSS the OBS length on the Resources, project general screen get modified. Is it correct?

 

I would really appreciate more help on this as we have a need to increase the OBS length on the screens.

 

Thank you,

Meenakshi V

[navzjoshi00]

Have you followed all the steps down till number 6 ?

 

 

Clarity: Is there a way to increase the OBS width so that the whole path is shown?

Document ID:  TEC613719
Last Modified Date:  7/8/2014
  Show Technical Document Details

 

 

Description:

All fields in the section "Organizational Breakdown Structures" in the project main properties page and also in the resource main properties page are shorter (display) than in the previous version of Clarity.

Is possible to increase the size of its width?

Solution:

To increase the OBS field's width you will have to edit the default UI Theme as follows:

1. Open Administration, Studio, UI Themes
2. Copy the CSS setting of your current default theme
3. Create a new Theme and paste the CSS setting copied from default
4. Add the following lines to the bottom of theme
   
   input[auto_setupfunction="obsAutosuggest"] {
   width: 400px;
   }
   input[auto_setupfunction="obsDepartmentAutosuggest"] {
   width: 400px;
   }
   
   
5. Make this new Theme as your default Theme
6. To see the changes, you may have to log out the application or close browser session to remove the browser cache

 

 

NJ

[Anon Anon]

Hi NJ,

 

I did try the steps 1 through 6.

Cleared the browsing history, lcosed browser and logged out and logged in again.

 

Still I find the old length.

Hope I am doing it correct.

 

Thanks,

Meenakshi V

[navzjoshi00]

Did you access the mentioned page and clicked Flush All button ?

 

https://<server-name>/niku/nu#action:security.caches

[Anon Anon]

Hi NJ,

 

Thank you for the tip again.

I tried and cleared the cache by clicking on the Flush All.

 

Still the change is not getting reflected.

 

Thanks,

Meenakshi V

[navzjoshi00]

Can you bounce the apps and check if the issue still persists ? If yes, then please open a case with support so they can guide further

 

NJ

[Jason Newman]

Double-check that the theme you modified is the active/selected theme. If you still don't see the changes, you need to go into the partition model and confirm that the partitions are assigned the theme you are modifying.

[Anon Anon]

Hi Meenakshi,

 

Try changing the position of the code. I remember when I had placed it at the end of the script it was NOT working. Can you try placing it as the last but one item in your script? (i.e. just before the last #piece of code)

 

Regards

[Jagadeesh Maddineni]

Hi Meenakshi,

 

I know it's been a while this issue has posted. I'm responding now because we were experiencing the same exact issue and managed to found the solution. Thought of posting the solution just in case if you still experiencing this issue - Please see the solution.

 

As per the instructions you'll be certainly creating new UI theme but your default partition is still pointing to your OLD UI Theme, because of this reason the changes are not being reflected.

You'll need to ensure that you have associated the your newly created UI Theme at Partition level also. Once you made this changes then only the changes will get reflect. Please see the screen shot FYR. I removed my organization name.

 

[Anon Anon]

Hello all,

 

has anyone tested this trick on version 14.1? Somehow it is impossible to create a new UI theme from copy and pasting the content of another UI theme...

when pasting the whole content and then clicking the save button the CSS content gets corrupted it saves itself in one longgg line and thus it cannot be used...

 

when copying and pasting little by little it seems to work but when copying and pasting the whole content at once it fails... I have successfully copied and pasted up to 400 CSS lines without having the problem...

 

many thanks in advance.

[Andrew M]

sounds like a defect

[Anon Anon]

just an update here.  The defect was RESOLVED in 14.2 version   The tip works as a charm!

 

Thanks!

[C.J]

Can anyone help Meenakshi with the question on where to place the code on the CSS?

 

Thanks for sharing the tip Robert!

[myoung5000]

Thanks Robert.

 

This worked great and is something my client has wanted for a long time.

 

Matt

[KriteeSaksena]

Is there a way we can change the Width of the Name field as well?