[stephanParticipant]

Hi again,

After some testing I foudn that its not related to the gradient background, sorry about that.

I’m now assuming that it does not work at all if tooltip background differs from standard background because the tooltip apparently uses “.jqx-fill-state-normal-error-tooltip” (ie. fillstate-normal for the choosen theme) for styling its background, which is not the backgroudn that has been defined for the tooltip.

Regards,
Stephan

[stephanParticipant]

Hi dimitar,

It looks like there is a bug in jQWidgets that prevents your idea from working correctly.

I have created a theme with “Theme Builder” where the tooltip has a solid dark red background. When I lok at the tooltip in Theme-Builder preview it shows up correct: red background, darker red border, white text.

But when I apply the theme to a tooltip in my aplication I get a grey background with black text.

I have been able tor eproduce the Pproblem in a fiddle:
http://jsfiddle.net/_stephan_/TW79Z/

(I simply pasted the result of theme builder into the CSS box)

I also made one more test: when using theme “black” instead of “tooltip-error” it works. As far as I can see the tooltip theme only works correctly if you use a background with a gradient background instead of a solid background.

Regards,
Stephan

[stephanParticipant]

Hi,

Ok, I think I understand the concept of your advice: I must define a separate theme specifically for the purpose of getting a red tooltip and apply this to the tooltip. If in therory I want tooltips in three different stylings I would have to create three dedicated tooltip themes. Luckily I need just the one special tooltip 🙂

I’ll give this a try right away

Thanks,
Stephan

[stephanParticipant]

Hi Peter,

What about the example for the IP address ? It seems to use a regular expression isntead of ‘#’. What is the syntax for this ? Are the enclosing ‘[]’ mandatory ? Is any standard JAVASCRIPT regular expression allowed ?

Also: How do I escape reserved characters like ‘#’, ‘[‘, ‘]’ ?

Regards,
Stephan

[stephanParticipant]

Hi Dimitar,

Yes, that is the workaround I have already implemented, yet it has a major disadvantage: the format of date and time does NOT adapt automatically to the culture that has been set.

The reason (at least for me) for wanting to use “d” and “T” is that the formatting of the resulting date and time will be adjusted automatically to the current culture setting. If I do not use them I would have to code my own logic for culture adjusted date and time formatting. Thats why I would prefer the ability to specify “d T” (or somethign of similar effect) as a format.

Regards,
Stephan

[stephanParticipant]

Hi,

For us the abiliy to edit an already created theme is becoming more and more important, as we progress towards more extensive use of jQWidgets.

Would it be possible for you to extend the Theme-Builder with an import/read as discussed above feature any time soon ? One shot theme creation really is not what you want for your professional applications. There is always the need to fix problems or improve the styling.

As an alternative, if extending the Theme-Builder is too much work for the short to mid term, could you include in your sources package the files with the theme macros and the script that you use for creating a CSS file from the macros ? This would allow us to create and maintain a macro file and rebuild CSS when we change a macro.

Regards,
Stephan

[stephanParticipant]

Hi Peter,

Well issue 2 and 3 I dont care about much. My FireFox is 23.0.1 on a Windows 7 OS … but as I said: i dont care, I just wanted to mention it.

But the horizontal scrollbar: it is a horizontal scrollbar without a “thumb” and as such looks really strange, because you see it and instinctively think its broken somehow … Also I do not understand why it is there for a table with all columns defined as “auto” width.

Also I finally succeesed in recreating a quite similar issue I’m battling with in my actual application, which is a variation of the harizontal scrollbar issue discussed above:
http://jsfiddle.net/_stephan_/wNEAr/10/

There is a horizontal scrollbar, it has a thumb and as such looks OK and implies that it is there for a purpose … but why is it there ? As in the fiddle above the grid has all columns set to “auto” width. I would not expect a horizontal scrollbar. The most annoying thing about the horizontal scrollbar is that it only scrolls for something like 3 or 4 pixels. You cant help but feel that it should not be there, even as a user of the GUI.

I said I finally succeeded, because I think that after some devoted experimentation I found what triggers the strange horizontal scrollbar: apparently it appears with increasing probability when you increase the number of columns.

Regards,
Stephan

[stephanParticipant]

Hi,

Saving and loading of grid state is something that is seriously bothering me right now, which is why I’d like to offer some advice here.

Loading a grid from a state saved to a external data source is a tricky process. If the saved state no longer matches your actual grid columns very weird errors or misb ehaviour will results. For me ths can happen quite often because I auto-generate grid column structure from database tables. Now if the database table used as basis for creating the grid gains (or looses) a column strange things will result.

The grid state data object is very all inclusive and grid API only allows loading it as is, ie. with all that is has been saved. Partial state saving or loading is not supported by the API. If you do not want to restore things like filtering or grid row(s) selection state or grid column header texts you or current shown page of the grid (etc) will have to manually tinker with the grid state data object. For me this is a another serious issue, as I only want to restore part of the saved data.

An externally saved grid state can not used for creating a grid. This causes increased creation time and grid content flickering. First you create the grid which makes it show up in default state, then you load the state which you saved externally into the grid which makes it update based on the state. I already have customer complaints about this: the want faster grid load times and dfinitely no content flickering.

Also the last time I investigated grid state loading there was a weird behaviour that to me is a (sortof) bug: creating a grid and then loading the state does not (always) restore column sizes, which is one of the most important properties that I must restore. Apparently creating a grid with automatic column size mode prevents column size explizitly set by a user (by dragging) from being loaded. My conclusion: based on whether I have a saved state or not I must create the grid in 2 different ways.

I am writing this down because that is exactly what I am working on right now. Basically I see two options:

1) after getting the grid state from the grid you can modify it before saving it to an external data source, to ensure that when you load the state you get exactly (and only) what you want

2) after getting the grid state from the grid save it to the external data source thus not loosing any information, but instead of using grid API to load the state into the grid create your own logic for restoring those party of the state that you application needs

I have decided to implement solution 2) and combine it with grid creation. In other words: I shall write a function to derive the parameters for creating a grid from a given grid state object, if such is available. I am not particularly hapy about this, as my code will become highly dependant on grid internal details, but it seems to be the only option allowing me to circumvent all the shortcomings listed above.

Regards,
Stephan

[stephanParticipant]

Hi,

Thank you Dimitar.

Regards,
Stephan

[stephanParticipant]

Hi,

I do have a further questionr regarding those formats. What I actually need is a short date/time format including seconds. In your list I found the formats “d” and “T”, but the following formatString: “d T” does not work.

My problem: if I construct my own detailed format specification, for instance along the lines of “M/d/yyyy h:mm:ss tt” I totally loose the culture specific date/time formatting that I expect and get from using “d” or “T”.

Thus my question: can I make something like “d T” work for a jqxDateTimeInput, so that I do not loose culture specific date/time formatting ? Or could you offer somthing like “short date long time” ?

SIDENOTE: both “f” and “F” are waaay to long mor my purpose of creating a small dialog input control. The long date format requires a huge amount of space.

Regards,
Stephan

[stephanParticipant]

And Hi again,

I herewith close my own thread, so to speak 🙂

Just to make sure I posted everything correctly I clicked on my fiddle …. and a miracle happened ! Instead of returning the rather strange index of 2 it now returns 5, which is fantastic, because it appears to be the bound index. Further research uncovered that the cause for the miracle is in fact a new version of jQWidgets (namely version 3.0) which apparently includes this small but very helpful fix.

Thanks for all the good work 🙂
Stephan

[stephanParticipant]

Hi,

Could you please look into my question ?

For a sorted and filtered grid ‘getselectedrowindexes’ returns index values that do not seem to match or correspond with any of the arrays or lists associated with the grid. Thus I do not know how to convert the value properly into the corresponding record from the original data source.

I posted a fiddle above to illustrate my problem.

Thanks and Regards,
Stephan

[stephanParticipant]

Hi,

I created a small fiddle to show you the problem that I am attempting to resolve:
http://jsfiddle.net/_stephan_/dGauq/2/

In the grid select the first row “Bellini” with your mouse, then click on “Show Selection Info”. It will output an index of 2, which is what ‘getselectedrowindexes’ returns.

My problem is: how do I find the corresponding data for ‘2’ in my original bound data source, ie. within the original array ?

All API functions of jqxGrid that I investigated do not appear to allow resolving an index of ‘2’ into the correct data record for “Bellini”. But maybe I am doing something wrong ? Please help.

Reegards,
Stephan

[stephanParticipant]

Hi Peter,

Yes, but how do I get the bound index for the index values returned by ‘getselectedrowindexes’ ?

Basically I understood what all those array represent, but the description of ‘getselectedrowindexes’ does not state what type of index it returns. It seems to me like it does not match up with any of the array getters, and it does not match up with any of the “bound” getters either.

So my problem still is: I call ‘getselectedrowindexes’ and I must convert this into bound index values, so that I know which if my data records from the original data source are selected.

Regards,
Stephan

[stephanParticipant]

Hi Dimitar,

I’d like to point out that this greatly reduces the usefulness of the theme editor, because it becomes one shot only. Yet a theme is such a complex thing that it evolves over time. I am now in this rather unfortunate position that I have begun creating a theme, but now can not really make any changes to the (incomplete) theme that I have.

Manual editing of a theme seems particularely difficult because it is hard for me to understand how the input fields of the theme builder match up with the CSS classes it generates. As far as I can see many of the inputs, like colors, get used in multiple CSS classes across a wide range of widget types.

Please do consider adding an input option for the theme builder where a generated theme might be pasted so that theme builder loads this as a starting point.

A question: is the theme builder included in the jQWidgets package ? I’m thinking along the lines of: if it is, and if this included theme builder runs locally, would it be possible, for me, to modify the selection of themes that it offers for reading from ? For instance by replacing one of them with my own ?

Regards,
Stephan

[Author]

Posts